jQuery를 사용하여 mouseOver에서 그림을 어떻게 바꿀 수 있습니까? [JSFiddle]

Question

http://jsfiddle.net/nbNbp/

마우스를 올려 놓으면 사진을 전환하고 마우스를 놓으면 되돌릴 수 있습니다. 이 작업을 수행 할 수 있습니까?

Answer 1

하는이 시도, 그것은 나를 위해 작동 : -

$("div#test > img").mouseover(function(){ 
    $(this).attr('src', 'http://www.google.co.uk/images/logos/ps_logo2a_cp.png'); 
}); 
$("div#test > img").mouseout(function(){ 
    $(this).attr('src', 'http://www.google.co.uk/intl/en_ALL/images/logos/images_logo_lg.gif'); 
}); 

Answer 2

$('#img').hover(function() { 
    $(this).data('old-src', $(this).attr('src')).attr('src', 'http://example.com/new_image.jpg'); 
}, function() { 
    $(this).attr('src', $(this).data('old-src')); 
});