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>

云盘内容

注意：示例只是当前的内容，【下载】的是全部jQuery插件一起打包后的文件。