13 款最热门的 jQuery 图像 360 度旋转插件推荐


Posted in Javascript onDecember 09, 2014

 在 web 页面上使用 jQuery 图像 360 度旋转插件是最美也是最方便的显示图像的方式。这些超级棒的 360° 图像选择插件允许用户更详细的分析产品或者文章。jQuery 图像旋转插件可以让用户从各种角度进行 360 度的图像展示,经常在电子商务网站上使用,帮助消费者更好的了解产品,从任意的一个角度观察欣赏。

在这篇文章中,我们收集了 13 款最佳的 jQuery 图像 360 度旋转插件,这些插件都能进行 360 度图像旋转展示。希望大家能从中找到自己喜欢的,并应用在自己的网站上。

 1. Reel

13 款最热门的 jQuery 图像 360 度旋转插件推荐

Reel 是个已完成的项目,是个功能非常齐全的 jQuery 图像 360 度旋转插件。它利用新的技术使普通的图像标记变成一个全方位 360 度交互的对象电影,全景或者定格动画。

 2. SpriteSpin

13 款最热门的 jQuery 图像 360 度旋转插件推荐

Spritespin 是个 jQuery 插件,允许在网页上显示 sprite 动画。只需要用户提供一组图像,或者一系列无缝的 sprite 列表,就可以逐帧显示这些图像,然后生成动画。在线演示

 3. The 360 Degree JavaScript Viewer

13 款最热门的 jQuery 图像 360 度旋转插件推荐

The 360 degree Javascript viewer 是个 jQuery 插件,用来展示一个漂亮的 360 度图像旋转效果。在线演示

 4. jQuery Panorama Viewer

13 款最热门的 jQuery 图像 360 度旋转插件推荐

jQuery Panorama Viewer 能帮助用户嵌入全景图片到用户的网站上。需要达到这个效果,第一,用户需要包括最新的 jQuery 库,包括 jquery.panorama_viewer.js 和 panorama_viewer.css,然后把图片加入到 HTML 的“panorama”类中。支持的现代主流的浏览器:Chrome, Firefox 和 Safari (桌面和移动端)。在线演示

 5. jQuery Threesixty

13 款最热门的 jQuery 图像 360 度旋转插件推荐

jQuery Threesixty 是个很小的插件,用来构建类似 flash 的全景图像,或者是很自然的图像的 360 ° 视图展示。在线演示

 6. Ajax Zoom

13 款最热门的 jQuery 图像 360 度旋转插件推荐

AJAX-ZOOM 是个独特的“Flash” 免费工具来进行 360 度产品照片。用户可以 360 度旋转图像,同时可以显示 3D 效果,进行深度缩放。这个插件采用图像块技术(图像堆积)来制作高分辨率的图像。

 7. jQuery Image Cube

13 款最热门的 jQuery 图像 360 度旋转插件推荐

jQuery Image Cube 是个 jQuery 插件,可以在图像中分开旋转,达到 360 ° 旋转的效果。

 8. Flip

13 款最热门的 jQuery 图像 360 度旋转插件推荐

Flip 是个 jQuery 插件,允许从四个方向翻转图像。

 9. Super Tiny jQuery 360 Degree Product Viewer

13 款最热门的 jQuery 图像 360 度旋转插件推荐

Super Tiny jQuery 360 Degree Product Viewer 是个超轻量级的(只有 27 行 javaScript 代码,约为 1 kb)。这是个非常容易使用的 jQuery 插件,允许用户通过移动鼠标来从 360 度来展示图像。

 10. 3dEye.js

13 款最热门的 jQuery 图像 360 度旋转插件推荐

3dEye.js 是个轻量级的,快速的 jQuery 插件,允许用户通过图像来创建对象的 3D 视图。它对移动端设备和触摸设备都非常友好,支持各种主流的浏览器。使用这个插件,用户可以使用鼠标在网站上进行 360 度展示图像。

 11. Dopeless Rotate

13 款最热门的 jQuery 图像 360 度旋转插件推荐

Dopeless Rotate 是款 jQuery 插件,用来进行图像的 360 度旋转展示,它包括缩放功能,支持触摸设备,允许在同一个页面使用多个插件。

 12. 360 Degree Image Slide

13 款最热门的 jQuery 图像 360 度旋转插件推荐

360 Degree Image slider 是使用 JS ,CSS 和预渲染图像序列创建的,允许用户使用简单的鼠标或者触摸事件来拖拽和围绕 y 轴来旋转 3D 对象。

 13. 360 Slider

13 款最热门的 jQuery 图像 360 度旋转插件推荐

ThreeSixty Image Slider Plugin 是 jQuery 360 度图像旋转插件。这个插件可以使用数字选项来进行自定义,可以显示图像任意方位的 360 旋转效果。

以上就是这13款jQuery图像旋转插件的简单介绍了,小伙伴根据自己的项目需求,自由选择吧,点击图片可以进入到官方网站,有详细的介绍说明以及使用方法,这里就不多废话了。

Javascript 相关文章推荐
JS实现在Repeater控件中创建可隐藏区域的代码
Sep 16 Javascript
JavaScript设计模式之外观模式介绍
Dec 28 Javascript
JavaScript利用HTML DOM进行文档操作的方法
Mar 28 Javascript
js获取鼠标点击的对象,点击另一个按钮删除该对象的实现代码
May 13 Javascript
详细谈谈javascript的对象
Jul 31 Javascript
详解jQuery插件开发方式
Nov 22 Javascript
前端开发必知的15个jQuery小技巧
Jan 22 Javascript
webstorm中配置Eslint的两种方式及差异比较详解
Oct 19 Javascript
vue实现的下拉框功能示例
Jan 29 Javascript
Vuex 模块化使用详解
Jul 31 Javascript
vue从一个页面跳转到另一个页面并携带参数的解决方法
Aug 12 Javascript
js实现简单图片拖拽效果
Feb 22 Javascript
JQuery中使用on方法绑定hover事件实例
Dec 09 #Javascript
jQuery实现HTML5 placeholder效果实例
Dec 09 #Javascript
jQuery on方法传递参数示例
Dec 09 #Javascript
jquery实现侧边弹出的垂直导航
Dec 09 #Javascript
基于javascript实现判断移动终端浏览器版本信息
Dec 09 #Javascript
使用jQuery实现星级评分代码分享
Dec 09 #Javascript
Jquery弹出层插件ThickBox的使用方法
Dec 09 #Javascript
You might like
通过ODBC连接的SQL SERVER实例
2006/10/09 PHP
php中使用redis队列操作实例代码
2013/02/07 PHP
使用PHP获取汉字的拼音(全部与首字母)
2013/06/27 PHP
PHP实现的增强性mhash函数
2015/05/27 PHP
PHP防止sql注入小技巧之sql预处理原理与实现方法分析
2019/12/13 PHP
Jquery在IE7下无法使用 $.ajax解决方法
2009/11/11 Javascript
高效的获取当前元素是父元素的第几个子元素
2013/10/15 Javascript
javascript如何创建表格(javascript绘制表格的二种方法)
2013/12/10 Javascript
AngularJS + Node.js + MongoDB开发的基于高德地图位置的通讯录
2015/01/02 Javascript
JQuery中模拟image的ajaxPrefilter与ajaxTransport处理
2015/06/19 Javascript
DOM 事件的深入浅出(二)
2016/12/05 Javascript
select获取下拉框的值 下拉框默认选中方法
2018/02/28 Javascript
js中call()和apply()改变指针问题的讲解
2019/01/17 Javascript
JS回调函数简单易懂的入门实例分析
2019/09/29 Javascript
vue登录以及权限验证相关的实现
2019/10/25 Javascript
[01:13]2015国际邀请赛线下观战现场
2015/08/08 DOTA
Python实现的概率分布运算操作示例
2017/08/14 Python
python ansible服务及剧本编写
2017/12/29 Python
pandas多级分组实现排序的方法
2018/04/20 Python
Python实现端口检测的方法
2018/07/24 Python
python学习之hook钩子的原理和使用
2018/10/25 Python
Python格式化输出字符串方法小结【%与format】
2018/10/29 Python
一行python实现树形结构的方法
2019/08/09 Python
使用virtualenv创建Python环境及PyQT5环境配置的方法
2019/09/10 Python
Python 面向对象部分知识点小结
2020/03/09 Python
numpy库ndarray多维数组的维度变换方法(reshape、resize、swapaxes、flatten)
2020/04/28 Python
利用python 下载bilibili视频
2020/11/13 Python
捷克多品牌在线时尚商店:ANSWEAR.cz
2020/10/03 全球购物
int *p=NULL和*p= NULL有什么区别
2014/10/23 面试题
聊城大学毕业生自荐书
2014/02/01 职场文书
消防先进事迹材料
2014/02/10 职场文书
夫妻忠诚协议范文
2014/11/16 职场文书
幼儿学前班评语
2014/12/29 职场文书
《观察物体》教学反思
2016/02/17 职场文书
你会写报告?产品体验报告到底该怎么写?
2019/08/14 职场文书
MySQL提取JSON字段数据实现查询
2022/04/22 MySQL