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

　　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前端开发技术 ◆ 分享网页设计资源