Re: Help with a multiple image replacement

[rickylamerz]

Hey Nutt318, maybe this will help you on your way.

HTML:

Cars


Trucks


Flowers


Paintings


Customs

CSS:

div#imageContainer {background: url('images/spriteImage.jpg'; background-position:0px 0px;}

jQuery/Javascript

$(document).ready(function(){



$('ul li a').mouseenter(function(){



$('ul li a').css('font-weight','normal');



currentRel = $(this).attr('rel');

backgroundOffset = currentRel * 200; //taken your images are all 200px in height

$('div#imageContainer').css('background-position','0px -' + backgroundOffset + 'px');



$(this).css('font-weight','bold');

});



});

This should work, try it out.