A gallery that "morphs" images between transitions
jQuery morphing gallery example
<div class="jmorph"> <div class="imageContainer"> <div class="image"> <div class="currentImg" style> <div class="nextImg"></div> </div> </div> </div> <div class="clearfix"> <a href="#previous" class="previous">< Prev</a> <div class="bandContainer"> <ul class="band"> <li><a href="1.jpg">Forest</a></li> <li><a href="2.jpg">Cliff</a></li> <li><a href="3.jpg">Sky</a></li> <li><a href="4.jpg">Town</a></li> <li><a href="5.jpg">Trees</a></li> </ul> </div> <a href="#next" class="next">Next ></a> </div> </div>
$(".jmorph").jmorphGallery();
Download jQuery morphing gallery files
Share this with the world
Related
Comments
Is there any way to do this without the unordered list at the bottom? IE, if I just want next/previous buttons? Also, how do you get the last image to loop around to the first image? Thanks.
Posted on 2008-10-12 00:11:26it's not work for me any fix for ie7 ?
Posted on 2009-01-07 07:08:17Make yourself heard