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 相关文章推荐
响应鼠标变换表格背景或者颜色的代码
Mar 30 Javascript
jquery动态添加option示例
Dec 30 Javascript
jquery 隐藏与显示tr标签示例代码
Jun 06 Javascript
分享20个提升网站界面体验的jQuery插件
Dec 15 Javascript
JavaScript插件化开发教程(六)
Feb 01 Javascript
JavaScript实现简单Tip提示框效果
Apr 20 Javascript
HTML5+JS+JQuery+ECharts实现异步加载问题
Dec 16 jQuery
使用Bootstrap4 + Vue2实现分页查询的示例代码
Dec 21 Javascript
Vue filter介绍及详细使用
Apr 04 Javascript
使用JavaScript实现网页秒表功能(含开始、暂停、继续、重置功能)
Jun 05 Javascript
vant 解决tab切换插件标题样式自定义的问题
Nov 13 Javascript
详解javascript脚本何时会被执行
Feb 05 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
发款php蜘蛛统计插件只要有mysql就可用
2010/10/12 PHP
PHP将整个网站生成HTML纯静态网页的方法总结
2012/02/05 PHP
PHP调用wsdl文件类型的接口代码分享
2014/11/19 PHP
php从数据库中读取特定的行(实例)
2017/06/02 PHP
PHP利用Cookie设置用户30分钟未操作自动退出功能
2017/07/03 PHP
实现只能输入数字的input不用replace方法
2013/09/12 Javascript
$(document).ready(function() {})不执行初始化脚本
2014/06/19 Javascript
莱鸟介绍window.print()方法
2016/01/06 Javascript
js判断图片加载完成后获取图片实际宽高的方法
2016/02/25 Javascript
javascript小数精度丢失的完美解决方法
2016/05/31 Javascript
Javascript实现跑马灯效果的简单实例
2016/05/31 Javascript
AngularJS 指令详细介绍
2016/07/27 Javascript
微信小程序之小豆瓣图书实例
2016/11/30 Javascript
javascript验证香港身份证的格式或真实性
2017/02/07 Javascript
Angular中实现树形结构视图实例代码
2017/05/05 Javascript
JavaScrpt的面向对象全面解析
2017/05/09 Javascript
微信小程序 input输入及动态设置按钮的实现
2017/10/27 Javascript
基于vue2实现左滑删除功能
2017/11/28 Javascript
这样回答继承可能面试官更满意
2019/12/10 Javascript
Vue左滑组件slider使用详解
2020/08/21 Javascript
python optparse模块使用实例
2015/04/09 Python
python实现用户登录系统
2016/05/21 Python
详谈python http长连接客户端
2017/06/12 Python
浅谈scrapy 的基本命令介绍
2017/06/13 Python
python+django加载静态网页模板解析
2017/12/12 Python
Python中numpy模块常见用法demo实例小结
2019/03/16 Python
python中metaclass原理与用法详解
2019/06/25 Python
python 内置函数汇总详解
2019/09/16 Python
Python 使用type来定义类的实现
2019/11/19 Python
Python调用.net动态库实现过程解析
2020/06/05 Python
HTML5 canvas基本绘图之绘制矩形
2016/06/27 HTML / CSS
Lands’ End英国官方网站:高质量男女服装
2017/10/07 全球购物
彪马西班牙官网:PUMA西班牙
2019/06/18 全球购物
毕业生的自我鉴定
2013/10/29 职场文书
优秀毕业生事迹材料
2014/02/12 职场文书
Pytorch 统计模型参数量的操作 param.numel()
2021/05/13 Python