使用php或javascript根据某种url代码更改网页中的图片
现在我有一个简单的网站,看起来像这样。 我需要一种方法来改变图像和描述在同一时间,但保持导航栏和标题,因为我不希望我的网站上的100页相同 最好将图像url放入数据库,并使用php和描述一起调用它吗使用php或javascript根据某种url代码更改网页中的图片,javascript,php,html,Javascript,Php,Html,现在我有一个简单的网站,看起来像这样。 我需要一种方法来改变图像和描述在同一时间,但保持导航栏和标题,因为我不希望我的网站上的100页相同 最好将图像url放入数据库,并使用php和描述一起调用它吗 或者有其他方法可以做到这一点。您的内容是否需要在不离开页面的情况下进行更改? 如果是这样,请研究使用jQuery和AJAX 转到官方网站,从他们那里下载javascript文件,然后将其上传到服务器 在body的结束标记之前,插入以下内容: <script src="your.jquery.
或者有其他方法可以做到这一点。您的内容是否需要在不离开页面的情况下进行更改? 如果是这样,请研究使用jQuery和AJAX 转到官方网站,从他们那里下载javascript文件,然后将其上传到服务器 在body的结束标记之前,插入以下内容:
<script src="your.jquery.file.js" type="text/javascript" ></script>
现在,在您的页面上,一个简单的方法是确保您的img和div标记具有id:
<img id="image_to_change src="start.png">
<div id="text_content"></div>
在您包含的脚本标记之后,使用另一个脚本标记,这次,我们将在这里放置一些我们自己的javascript
<script type="text/javascript">
$(document).ready(function(){
$('#image_to_change').onclick(function(){
$('#image_to_change').attr('src', 'next_image.png');
$('#text_content').text("The text you want to insert");
});
});
</script>
$(文档).ready(函数(){
$('#image_to_change')。onclick(function(){
$('#image_to_change').attr('src','next_image.png');
$(“#text_content”).text(“要插入的文本”);
});
});
这当然是非常粗糙的,但它应该给你一个很好的起点 嗨,对不起,如果我不是很清楚,我需要一种方法来加载图像到一个容器,如果这是有意义的。完全。使用jquery将是最简单的方法。我会在一分钟内更新我的答案。谢谢你的帮助,我只是需要一些关于去哪里的想法。非常有用:)