jQuery Flipping Gallery 翻转画廊

在线实例

简单配置

翻转方向

鼠标滚动

自动播放

绑定事件

使用方法

1. <div class="main">
2. <div class="page_container">
3. <div class="gallery">
4. <a href="#"><img src="img/1.jpg"></a>
5. <a href="#"><img src="img/2.jpg"></a>
6. <a href="#"><img src="img/3.jpg"></a>
7. <a href="#"><img src="img/4.jpg"></a>
8. <a href="#"><img src="img/5.jpg"></a>
9. <a href="#"><img src="img/1.jpg"></a>
10. <a href="#"><img src="img/2.jpg"></a>
11. <a href="#"><img src="img/3.jpg"></a>
12. <a href="#"><img src="img/4.jpg"></a>
13. <a href="#"><img src="img/5.jpg"></a>
14. </div>
15. </div>
16. </div>

复制

1. <script type="text/javascript">
2. $(document).ready(function() {
3. $(".gallery").flipping_gallery({
4. enableScroll: false
5. });
6. });
7. </script>

复制

---

下载