在线实例
简单配置
翻转方向
鼠标滚动
自动播放
绑定事件
使用方法
- <div class="main">
- <div class="page_container">
- <div class="gallery">
- <a href="#"><img src='/images/loading.gif' data-original="img/1.jpg"></a>
- <a href="#"><img src='/images/loading.gif' data-original="img/2.jpg"></a>
- <a href="#"><img src='/images/loading.gif' data-original="img/3.jpg"></a>
- <a href="#"><img src='/images/loading.gif' data-original="img/4.jpg"></a>
- <a href="#"><img src='/images/loading.gif' data-original="img/5.jpg"></a>
- <a href="#"><img src='/images/loading.gif' data-original="img/1.jpg"></a>
- <a href="#"><img src='/images/loading.gif' data-original="img/2.jpg"></a>
- <a href="#"><img src='/images/loading.gif' data-original="img/3.jpg"></a>
- <a href="#"><img src='/images/loading.gif' data-original="img/4.jpg"></a>
- <a href="#"><img src='/images/loading.gif' data-original="img/5.jpg"></a>
- </div>
- </div>
- </div>
复制
- <script type="text/javascript">
- $(document).ready(function() {
- $(".gallery").flipping_gallery({
- enableScroll: false
- });
- });
- </script>
复制
下载
原标题:jQuery Flipping Gallery 翻转画廊
关键词:jquery