更改jquery页面内容时更改静态页眉中的图像

Question

我在jquery中有一个站点，在头文件中有一个静态图像，当我点击更改jquery中的内容时，我想改变它。

网站：http://swapes.com/intech2

我怎么能这样做？ （我没有示例代码，因为我不知道如何开始）

谢谢

Answer 1

原则很简单：

$("#img_id_here").click(function(){
    //do modifications here
})

编辑： 如果你想编辑图像源，如上例所示，但是当点击图像时（如指定的那样）你可以这样做：

$("#img_id_here").click(function(){
    $(this).attr('src', 'new_source_for_image');
})

以上内容应添加到您的javascript文件中。 或者，您可以将以下内容添加到HTML（或PHP）文件中：

<script>$("#img_id_here").click(function(){$(this).attr('src', 'new_source_for_image');})</script>

Answer 2

如果您使用<img>标记，并为其指定了ID：

<img id='headerImage' src='...' />

在jquery中你可以这样做：

$("#headerImage").attr('src', 'new.img.src');