Question

现在我有一个看起来像这样的简单网站。 http://i.imgur.com/opllm1Y.png

我需要一种方法同时更改图像和说明，但保持导航栏和标题与我不想在我的网站上打开100页相同。

最好将图片网址放入数据库并使用php和描述一起调用它吗？

还是有另一种方法可以做到。

Answer 1

您的内容是否需要在不离开页面的情况下进行更改？如果是这样，请研究使用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>

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

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

1 个答案: