If you’re looking for an easy to use, jQuery plugin for stylish image hover effects, you’ll want to give a crack at using Adipoli.
This plugin supports all major browsers and has a bunch of hover options, which makes it a nice solution you can use over and over.
Here’s more:
Adipoli jQuery Image Hover Plugin
Adipoli options include:
- 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 (before rollover):
- transparent
- normal
- overlay
- grayscale
Hover effects include (with more to come):
- normal
- popout
- sliceDown
- sliceDownLeft
- sliceUp
- sliceUpLeft
- sliceUpRandom
- sliceUpDown
- sliceUpDownLeft
- fold
- foldLeft
- boxRandom
- boxRain
- boxRainReverse
- boxRainGrow
- boxRainGrowReverse
I told you there were plenty of options!
Learn more about Adipoli, how to use it and download it from the Adipoli website.
Speak your mind...