Skip to main content

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