如何在jquery中交换图像

问题描述 投票:2回答:2

如何在单击图像时交换图像的SRC属性?

<a href="#">
    <img src="./layout/images/search.png" />
</a>

$('img[src="./layout/images/search.png"]').click(function () {
    $(this).attr('src',"./layout/images/search_select.png")
});
jquery onclick image swap
2个回答
6
投票

您可以尝试此解决方案:

$("img").click(function(){
   $(this).attr("src","new.gif");
})

[正如David Hedlund指出的那样,由于img选择器,这将更改页面上的所有图像。您可以使用sam152建议的类来定位图像,也可以使用src属性-

来定位图像
 $("img[src='old.gif']").click(function (){
   $(this).attr("src","new.gif");
})

查看我的演示-JSFiddle


3
投票

[如果您的图像带有名为“交换”的类,则可以使用以下代码段。它使用click事件,然后使用attr来更改图像的src属性。

$('.swap').click(function(){ 
    $(this).attr('src','new/path/to/img.jpg');
});
© www.soinside.com 2019 - 2024. All rights reserved.