如何交換圖像jQuery中

Question

我如何可以交換圖像的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") 
}); 

Answer 1

試試這個 -

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

正如David Hedlund的指出，這將改變由於img選擇頁面上的所有圖片。你可以使用一個類，sam152建議目標的圖像或者，你可以使用它的src屬性目標的圖像 -

$("img[src='old.gif']").click(function() { 
    $(this).attr("src","new.gif") 
}) 

演示 - http://jsfiddle.net/W7mq6/

Answer 2

如果你有一個叫做「交換」一流的形象，你可以使用下面的代碼片段。它使用click事件，然後使用attr來更改圖像的src屬性。

$('.swap').click(function(){ 
    $(this).attr('src','new/path/to/img.jpg'); 
});