search

zurb / orbit

454 stars 96 forks source link

Hover State for Thumbnails and Directional Nav #72

Open eneesemann opened 13 years ago

eneesemann commented 13 years ago

Hi!

Is it possible to create a css sprite like rollover with the thumbnails and/or directional nav buttons? I have tried to create an a:hover in the css with a shift in background image but that does not work. I am good with the css but have no jquery knowledge. Help!

Thanks, e

rmt33 commented 12 years ago

I wanted to do the same thing and after playing around with it a bit I got it to work by adding this to my css:

div.orbit-wrapper div.slider-nav span.right:hover { background: url(../images/orbit/right-arrow-hover.png); right: 0; }

div.orbit-wrapper div.slider-nav span.left:hover { background: url(../images/orbit/left-arrow-hover.png); left: 0; }