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") 
}) 

을 다윗 Hedlund는이이 img 선택으로 인해 페이지의 모든 이미지가 변경됩니다 지적한대로. 당신은 당신이 src 속성의 사용하여 이미지를 대상으로 수 sam152에서 알 수 있듯이 클래스를 사용하여 이미지를 대상 또는 수 -

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

데모 - http://jsfiddle.net/W7mq6/

Answer 2

당신이 '스왑'라는 클래스와 이미지가있는 경우, 다음 스 니펫을 사용할 수 있습니다. 이미지 src 속성을 변경하기 위해 click 이벤트와 attr을 사용합니다.

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