jQuery Flipping Gallery 特效翻转画廊

在线实例

简单配置

翻转方向

鼠标滚动

自动播放

绑定事件

使用方法

 

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

 下载地址

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