全部

  • 全部
  • 源 码
  • 模 板
控制台 文档
九七云梦 > 代码特效 > 其它特效 > 可拖动的360旋转预览jQuery插件
详情
价格:4金币 如何获取?
编号:M1785 侵权举报
类型:其它特效
最后更新:2019-01-06
版权声明:该作品由【gdrwa】发布,仅供学习交流,未经书面授权,请勿他用。

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

  • 详情信息
  • 评论

介绍
这是一款非常有意思的可拖动的360旋转预览jQuery插件,支持左右旋转,鼠标按下左键可以左右拖动旋转预览图片全部角度。

调用js文件
加入最新jQuery js文件和jquery.threesixty.js。这两个js文件。

html

  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 draggin


说点什么吧
  • 全部评论(0
    还没有评论,快来抢沙发吧!
相关推荐