startEffect : grayscale, hoverEffect : normal(For HTML5 Browsers)
startEffect : overlay, hoverEffect : sliceDown
startEffect : transparent, hoverEffect : boxRandom
startEffect : overlay, hoverEffect : foldLeft
startEffect : transparent, hoverEffect : boxRainGrowReverse

How To Use

Enabling image hover effect is very simple. Place the below references inside your head tag.
<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>
If you need image hover on an image with id 'image1', call adipoli plugin like this:
<script>
      $('#image1').adipoli();
</script>
Adding Options:
$('#image1').adipoli({
    'startEffect' : 'normal',
    'hoverEffect' : 'popout'
});
Available Options: Start Effects: Hover Effects: More to come soon.