Sexy Images jQuery Plugin

This plugin allows you to create sexy hover effect for images on your page 😉

Requried:

  • jQuery 1.3+

Test with following browsers:

  • Opera 10.0+
  • Mozilla Firefox 3.0+
  • Google Chrome 3.0.195
  • Safari 3.1+ (win)
  • Internet Explorer 8.0

 

Installation

Include JavaScript library jQuery and (a)Sexy Images plugin:

Create any content with images:

Peach and Lime
Rock Chick
Angel
More stripes

Initialize plugin:


//$(document).ready(function(){
$('#images img').asexy();
});
//]]>

Options


//$(document).ready(function(){
$('selector img').sexy({
width:320,
height:240,
left:0,       // can be 'center'
top:0,        // can be 'center'
zoom:true,    // zoom to size
speed:500,    // only in ms
opacity:0.8,  // from 0.0 to 1.0
round:60,     // don't start new iterration for small different (for linear and zigzag functions)
func:"linear" // available linear, zigzag, vertical, horizontal, x 
});
});
//]]>

Download: http://www.htmldrive.net/items/download/445

Be Sociable, Share!

Leave a comment