jquery change image on mouseover

jQuery change image code snippet

Posted by narumi on November 1, 2011 Leave a comment (0) Go to comments

$("#link").click(function() {
    $("#image").fadeOut(1000, function() {
        $("#image").attr("src",$("#link").attr("href"));
    }).fadeIn(1000);
    return false;
});

Useful code snippet for image change using jQuery. In this code image will change on click. Can be change to other event trigger like mouseover, mouseout.

source