首页 资讯 使用 ThreeSixty 创建可拖动的 360 度全景图片预览效果

使用 ThreeSixty 创建可拖动的 360 度全景图片预览效果

来源:泰然健康网 时间:2024年12月17日 06:38

版权声明:

本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《 阿里云开发者社区用户服务协议》和 《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写 侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。

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

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

官方网站     在线演示     插件下载

  示例 HTML:

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

  示例 JavaScript:

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

您可能感兴趣的相关文章

12款经典的白富美型 jQuery 图片轮播插件 精心挑选的优秀jQuery Ajax分页插件和教程 精心挑选的优秀 jQuery 文本特效插件和教程 精心挑选的美轮美奂的 jQuery 图片特效插件 精心挑选12款优秀 jQuery 手风琴插件和教程

本文链接:使用 ThreeSixty 创建可拖动的 360 度图片预览效果

编译来源:梦想天空 ◆ 关注Web前端开发技术 ◆ 分享网页设计资源

相关文章

居然可以用jQuery实现360度汽车产品3D旋转展示酷炫特效 使用你的小鼠标来试试吧

相关知识

左璇360减肥咖啡,到底有用吗?效果怎么样?
11231932图片
老年人健康生活用品博览会图片平面广告素材免费下载(图片编号:5400041)
爱高清图片
360度微创吸脂的优势有哪些
减肥高清图片
混合坚果背景与坚果饼干。健康有机零食图片
独立高清图片
安全使用家庭装修建材的知识.docx
成人高清图片

网址: 使用 ThreeSixty 创建可拖动的 360 度全景图片预览效果 https://www.trfsz.com/newsview588524.html

推荐资讯