jQuery 360度图片旋转插件 threesixty.js

所属分类:输入,媒体-拖和放,图片展示

 49590  343  查看评论 (9)
分享到微信朋友圈
X
jQuery 360度图片旋转插件 threesixty.js ie兼容10

ThreeSixty 是生成可拖动的360度预览图像序列的 jQuery 插件。只需要在你的 HTML 页面包引入最新的 jQuery 和 threesixty.js 文件就可以使用了,支持键盘上的箭头键,也支持触摸和移动设备。可以使用 nextFrame() 和 prevFrame() 绑定 UI 控件。

使用方法

引用jquery以及jquery.threesixty.js

html

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

示例 JavaScript:

$(document).ready(function(){
    $('.threesixty').threeSixty({
        dragDirection: 'horizontal'
    });
});


相关插件-拖和放,图片展示

jQuery图片DIV指定范围内拖动加调整大小

实现在指定大小DIV内拖动图片,以及调整图片大小
  拖和放
 46446  390

jquery 拖拽排序

jQuery图片列表拖拽排序布局插件
  拖和放
 31981  365

jQuery移动端手势滑动切换(原创)

仿探探应用首页,原生图片切换(个人原创)移动端
  拖和放
 31192  334

图标拖拽效果,兼容所有浏览器

原生JS实现图标图片拖拽,封装好了,可以直接拿去使用
  拖和放
 38570  374

讨论这个项目(9)回答他人问题或分享插件使用方法奖励jQ币 评论用户自律公约

    Jones 0
    2021/6/28 15:01:37
    如何在vue里面引用啊 大佬 回复
    Sord安尤苏 0
    2017/9/11 9:49:09

    你好,请问一下这个能让它自动旋转吗

    回复
    js 0
    2017/6/15 14:23:18

    还不错,正在用。。

    回复
    秦淮之桥 0
    2016/12/30 15:12:13

    在哪里调整方向,你逆时针和顺时针

    回复
    SilentKwok 0
    2016/8/26 11:08:19
    具体怎么用啊??
        Echo Chien0
        2016/12/28 12:12:54
        怎么用啊
    回复
    sub913 1
    2016/1/20 11:01:49
    下载出错呀!!!!
        wangzhihong1
        2016/8/9 16:08:56

        网页弹出的下载链接是错的,把前面去掉剩下***就可以了

        西瓜0
        2016/8/9 22:08:43
        感谢反馈,已经修改好了。
    回复
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
取消回复