Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/469.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/php/274.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
使用php或javascript根据某种url代码更改网页中的图片_Javascript_Php_Html - Fatal编程技术网

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

使用php或javascript根据某种url代码更改网页中的图片,javascript,php,html,Javascript,Php,Html,现在我有一个简单的网站,看起来像这样。 我需要一种方法来改变图像和描述在同一时间,但保持导航栏和标题,因为我不希望我的网站上的100页相同 最好将图像url放入数据库,并使用php和描述一起调用它吗 或者有其他方法可以做到这一点。您的内容是否需要在不离开页面的情况下进行更改? 如果是这样,请研究使用jQuery和AJAX 转到官方网站,从他们那里下载javascript文件,然后将其上传到服务器 在body的结束标记之前,插入以下内容: <script src="your.jquery.

现在我有一个简单的网站,看起来像这样。

我需要一种方法来改变图像和描述在同一时间,但保持导航栏和标题,因为我不希望我的网站上的100页相同

最好将图像url放入数据库,并使用php和描述一起调用它吗


或者有其他方法可以做到这一点。

您的内容是否需要在不离开页面的情况下进行更改? 如果是这样,请研究使用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将是最简单的方法。我会在一分钟内更新我的答案。谢谢你的帮助,我只是需要一些关于去哪里的想法。非常有用:)