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

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

 48743  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拖动滑块选择数字插件sider.jquery.js

通过拖动滑块快速输入数值,并可以设置常用的数值快速选择
  拖和放
 27209  313

可拖拽图片文本框(类似QQ发送消息框)

支持拖拽图片,并且将图片转换为base64,兼容IE8以上所有浏览器
  拖和放
 29677  304

jQuery双击拖拽图片

jQuery鼠标双击事件拖拽图片
  拖和放
 29450  298

jquery拖动排序插件Nestable

jquery拖动排序插件Nestable
  拖和放
 85350  473

讨论这个项目(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
        感谢反馈,已经修改好了。
    回复
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
取消回复