Adipoli - jQuery Image Hover Plugin

Adipoli is a simple jQuery plugin used to bring stylish image hover effects.

List of effects:

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

• denizli escort
• denizli escort
• didim escort
• düzce escort
• edirne escort
• edirne escort
• edremit escort

Source: cube3x.com

1. INCLUDE CSS AND JS FILES

<link href="css/adipoli.css" rel="stylesheet" type="text/css"/>
<script src="js/jquery-1.7.1.js" type="text/javascript"></script>
<script src="js/jquery.adipoli.min.js" type="text/javascript"></script>

2, HTML

<div class="effect-container">
	<img class="img-style row1" src="img/gallery-images/1_1.png"/>
	<img class="img-style row1" src="img/gallery-images/1_2.png"/>
	<img class="img-style row1" src="img/gallery-images/1_3.png"/>
</div>

3. JAVASCRIPT

$('.row1').adipoli({
	'startEffect' : 'normal',
	'hoverEffect' : 'popout'
});

4. OPTIONS

• 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