Question

When I mouseover .thumb I want the src to be replaced by hello.gif and when I mouseout I want the src to revert back to the original value. The first part is easy but for the second part I don’t know how to “remember” the original src value.

$('.thumb').mouseover(function() {
    current_src = $(this).attr("src");
    $(this).attr("src", basepath+"_img/hello.gif");
});

$('.thumb').mouseout(function() {
    $(this).attr("src", ???);
});

Answer 1

$('.thumb').mouseover(function() {
    $(this).data('prev_src', $(this).attr('src')).attr("src", basepath+"_img/hello.gif");
});

$('.thumb').mouseout(function() {
    $(this).attr("src", $(this).data('prev_src'));
});