Several examples of image swapping in jQuery.
jQuery("#logo img").hover(function() {
s = jQuery(this).attr('src').replace(/\.png$/, '_hover.png');
jQuery(this).attr('src', s);
}, function() {
s = jQuery(this).attr('src').replace(/_hover\.png$/, '.png');
jQuery(this).attr('src', s);
});
$('#tab-header #tab-item-left img').hover(function() {
s = $(this).attr('src').replace(/TabInactive\.png$/, 'TabMouseOver.png');
$(this).attr('src', s);
}, function() {
s = $(this).attr('src').replace(/TabMouseOver\.png$/, 'TabInactive.png');
$(this).attr('src', s);
});
$('#tab-header #tab-item-right img').hover(function() {
s = $(this).attr('src').replace(/TabInactive\.png$/, 'TabMouseOver.png');
$(this).attr('src', s);
}, function() {
s = $(this).attr('src').replace(/TabMouseOver\.png$/, 'TabInactive.png');
$(this).attr('src', s);
});
$('#movie_button').hover(function() {
s = $(this).attr('src').replace(/N\.png$/, 'H.png');
$(this).attr('src', s);
}, function() {
s = $(this).attr('src').replace(/H\.png$/, 'N.png');
$(this).attr('src', s);
});