Submit your widget

jQuery morphing slideshow gallery

Created 13 years ago   Views 9350   downloads 1394    Author n/a
jQuery morphing slideshow gallery
View DemoDownload
85
Share |

A gallery that "morphs" images between transitions

Html code

<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>

 

Javascript

$(".jmorph").jmorphGallery();