可拖动的360旋转预览jQuery插件

栏目分类：其他代码   发布日期：2014-09-11   来源：互联网   浏览次数：次

1. <div class="threesixty" data-path="assets/img/src/gem{index}.jpg" data-count="61">div> 

数据路径assets/img/src/gem{index}.jpg的路径图像序列。该指数被用来抓取的图像是基于0和1位。数据计数属性是图像的数量。

js

1. $(document).ready(function(){ 
2.     $('.threesixty').threeSixty({ 
3.         dragDirection: 'horizontal', 
4.         useKeys: false 
5.     }); 
6. }); 

dragDirection : horizontal || vertical, horizontal is default.
useKeys : true || false, false is default
draggable : true || false, true is default

api

1. $('.threesixty').nextFrame(); 

1. $('.threesixty').prevFrame(); 

events

1. $('.threesixty').on('down', function(){ // when user starts to drag }); 
2. $('.threesixty').on('move', function(){ // as user is dragging }); 
3. $('.threesixty').on('up', function(){ // when user finishes dragging});