现在我有一个简单的网站,看起来像这样。https://i.stack.imgur.com/T9mrV.png
我需要一种方法来同时更改图像和描述,但保持导航栏和标题不变,因为我不希望我的网站有100多个页面。
最好将图像url放入数据库中,并用php和描述一起调用它吗?
或者还有其他方法可以做到这一点。
您的内容需要在不离开页面的情况下更改吗?如果是这样的话,可以考虑使用jQuery和AJAX。
转到jQuery官方网站,从中下载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>
这当然很粗糙,但它应该给你一个很好的起点。