使用php或javascript根据某种url代码更改网页中的图片

Using php or javascript to change picture in a webpage according to some sort of url code

本文关键字：网页 代码 url javascript php 使用      更新时间：2023-09-26

现在我有一个简单的网站，看起来像这样。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>

这当然很粗糙，但它应该给你一个很好的起点。

相关文章：