使用 ThreeSixty 创建可拖动的 360 度全景图片预览效果
2013-02-25 12:38
821 查看
ThreeSixty 是生成可拖动的360度预览图像序列的 jQuery 插件。只需要在你的 HTML 页面包引入最新的 jQuery 和 threesixty.js 文件就可以使用了,支持键盘上的箭头键,也支持触摸和移动设备。可以使用 nextFrame() 和 prevFrame() 绑定 UI 控件。
官方网站 在线演示 插件下载
示例 HTML:
示例 JavaScript:
您可能感兴趣的相关文章
12款经典的白富美型 jQuery 图片轮播插件
精心挑选的优秀jQuery Ajax分页插件和教程
精心挑选的优秀 jQuery 文本特效插件和教程
精心挑选的美轮美奂的 jQuery 图片特效插件
精心挑选12款优秀 jQuery 手风琴插件和教程
官方网站 在线演示 插件下载
示例 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 手风琴插件和教程
相关文章推荐
- 使用Javascript来创建一个响应式的超酷360度全景图片查看幻灯效果
- 使用Javascript来创建一个响应式的超酷360度全景图片查看幻灯效果
- 使用Javascript来创建一个响应式的超酷360度全景图片查看幻灯效果
- 使用Javascript来创建一个响应式的超酷360度全景图片查看幻灯效果
- 使用Javascript来创建一个响应式的超酷360度全景图片查看幻灯效果
- 使用Qt实现简单的图片预览效果
- 使用一般处理程序创建图片水印效果
- JavaScript使用FileReader实现图片上传预览效果
- 不使用图片创建CSS圆角效果
- 图片3d轮放查看效果(V2.0):使用鼠标拖动实现图片的轮放
- 鼠标拖动虚影效果(拖动的时候使用图片蒙人,但效果不错)
- 使用Qt实现简单的图片预览效果
- html 使用js+css+html实现图片划过预览效果
- vue2.0 使用element-ui里的upload组件实现图片预览效果
- 使用Qt实现简单的图片预览效果
- 【图片】3d鼠标拖动图片360°旋转动画效果 3dEye.js
- 图片上传插件 plupload 使用 预览图 注:测试需接口才能看见效果
- 在Android studio中使用viewpager创建出图片轮播效果
- hammer使用: 代码:捏合、捏开、图片放大 的一个手机图片“放大缩小可拖动”的小效果
- vue2.0 使用element-ui里的upload组件实现图片预览效果方法