jQuery Flipping Gallery

Online instance

Simple configuration

Flip direction

mouse scroll

Autoplay

bind event

Instructions

 

<div class="main">
    <div class="page_container">
        <div class="gallery">
            <a href="#"><img src="img/1.jpg"></a>
            <a href="#"><img src="img/2.jpg"></a>
            <a href="#"><img src="img/3.jpg"></a>
            <a href="#"><img src="img/4.jpg"></a>
            <a href="#"><img src="img/5.jpg"></a>
            <a href="#"><img src="img/1.jpg"></a>
            <a href="#"><img src="img/2.jpg"></a>
            <a href="#"><img src="img/3.jpg"></a>
            <a href="#"><img src="img/4.jpg"></a>
            <a href="#"><img src="img/5.jpg"></a>
        </div>
    </div>
</div>

 Download address

<script type="text/javascript">
    $(document).ready(function() {
        $(".gallery").flipping_gallery({
            enableScroll: false
        });
    });
</script>