Image Hover Effects With jQuery Plugin Adipoli

Hover Effects for a website make it a fresh look. There are lot of jquery plugins to implement hover effects. For Images the hover effect give the website a new design.

Adipoli is a jQuery plugin that beautifies and simplifies creating and consuming such hover effects.

With a simple function, we can choose the “start effect (normal, transparent or overlay)” and the images will become less catch until they are hovered.

There are 20+ built-in and attractive transition effects that will display the images “as is” when users hover them.

Also, multiple configuration options exists for further customizing the transitions.

You can see a Demo of Adipoli Plugin here

Available Effects of Adipoli:

• startEffect : Default style of image
• hoverEffect : Image style on mouse over
• imageOpacity : opacity of image considered when start effect is transparent or overlay
• animSpeed : Animation speed for the effect
• fillColor : Overlay color
• textColor : Text Color
• overlayText : Default HTML to be displayed on overlay
• slices : Number of slices for slice animations
• boxCols : Number of boxes in a row for box animations
• boxRows : Number of rows for box animations
• popOutMargin : Margin of Image popout
• popOutShadow : Shadow length of popout image. Shadow works for those browsers which support text-shadow css.

Start Effects:

• transparent
• normal
• overlay
• grayscale

Hover Effects:

• normal
• popout
• sliceDown
• sliceDownLeft
• sliceUp
• sliceUpLeft
• sliceUpRandom
• sliceUpDown
• sliceUpDownLeft
• fold
• foldLeft
• boxRandom
• boxRain
• boxRainReverse
• boxRainGrow
• boxRainGrowReverse

You can Download Adipoli from Joby’s Website