码迷,mamicode.com
首页 > 其他好文 > 详细

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

时间:2019-04-21 00:21:21      阅读:164      评论:0      收藏:0      [点我收藏+]

标签:ace   www.   java   文件   log   class   nta   jpg   next   

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

 

技术图片

 

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

 

  示例 HTML:

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

  示例 JavaScript:

1
2
3
4
5
$(document).ready(function(){
    $(‘.threesixty‘).threeSixty({
        dragDirection: ‘horizontal‘
    });
});

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

标签:ace   www.   java   文件   log   class   nta   jpg   next   

原文地址:https://www.cnblogs.com/Im-Victor/p/10743436.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!