Categories
Animated Thumbnails
Animated Thumbnails
Use thumbnails with same masked area size and let them reveal the whole image by animating the full size when the mouse is over it!
Instructions
Include the js file
<script type="text/javascript" src="animthumbs.js"></script>
Apply effect to selectors
$(document).ready(function() {
$('div[data-descr="animthumbs"]').each(function(){
$(this).animthumbs();
});
});
Example of markup
<div data-descr="animthumbs" style="width: 150px; height: 150px; visibility:hidden;">
<img data-descr="contents" src="thumbnail.jpg" width="350" height="220">
</div>
Powered by OpenCart • A ThemeGlobal template modified by Webpage.GR