Plugins

Can't find a Plugin you are looking for? Check out the jQuery Wiki page.

Are you a plugin developer? Please move your plugin over to this site.

Found a bug on the new jQuery Plugin website? Have a feature request?

Submit it to the jQuery Plugin website issue queue to ensure it is noticed!

Rolla Imagehover

March 25, 2008 - 6:14pm — FreaKzero

Average rating

(2 votes)

Rolla makes automatically a crossfading image rollover only with a link.

Example: (with default options here)

$.rollaHover({
  imgDir: 'images',
  onFade: 'fast',
  outFade: 'fast',
  mainOpacity: "1",
  css: 'rolla'
  });

HTML
From:

<a href="http://jquery.com/" class="rolla">jquery</a>

To:

<a href="http://jquery.com"><img src="images/jquery.jpg" alt="jquery" title="jquery" class="rolla"></a> 

Fade:

<a href="http://jquery.com"><img src="images/jquery-on.jpg#hover" alt="jquery" title="jquery" class="rolla"></a> 