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>

复制

 

---

下载