开发者社区> 秋天风景> 正文

【精心挑选】10款基于 jQuery 的图片360度旋转插件

简介:   之前的文章向大家分享了实现网站功能的各种优秀的 jQuery 插件,今天这篇文章向大家推荐10款基于 jQuery 的图片360度旋转插件,同时还有非常详细的制作教程可以学习和参考。图片旋转展示是一种非常有趣的技术,通过把多张图片合并在一起让你可以实现360度浏览,这种效果常用于旅游网站或者酒店网站,用于展示风景或者房间的内景。
+关注继续查看

  之前的文章向大家分享了实现网站功能的各种优秀的 jQuery 插件,今天这篇文章向大家推荐10款基于 jQuery 的图片360度旋转插件,同时还有非常详细的制作教程可以学习和参考。图片旋转展示是一种非常有趣的技术,通过把多张图片合并在一起让你可以实现360度浏览,这种效果常用于旅游网站或者酒店网站,用于展示风景或者房间的内景。

您可能还喜欢

  

360/3D Spin & Zoom JavaScript Player

功能非常强大的一款插件,支持缩放,360度旋转,全屏浏览等等,特别适合用于产品图片展示。

jquery 3d product view

在线演示      源码下载

 

360 Degrees Product View

兼容性非常好的一款360度产品展示插件,除了PC,还支持 iPhone, iPad, Android 等设备。

jquery 3d product view

在线演示      源码下载

 

Sprite Spin

通过组合的图片序列实现图片360度旋转,提供了9个在线实例,使用非常简单。

jquery 3d product view

在线演示      源码下载

 

Multiple 360 Images On One Page

这款插件可以帮助你在同一个页面上实现多个360度图片显示功能。

jquery 3d product view

在线演示      源码下载

 

jQuery Reel Plugin

支持通过参数高度定制的一款图片旋转插件,支持鼠标事件和移动设备上的触屏事件。

jquery 3d product view

在线演示      源码下载

 

360 Panorama for jQuery

非常优秀的一款图片360度全景展示插件,支持自动播放和手动拖动旋转。

 

jquery 3d product view

在线演示      源码下载

 

Dopeless Rotate

另外一款支持触屏设备的图片旋转展示插件,支持缩放功能以及同一页面实例化多个。

jquery 3d product view

在线演示      源码下载

 

Heartcode 360 Image Slider

一款支持虚化效果的图片360度展示插件,有非常详细的制作教程可以学习。

在线演示      源码下载

 

3D Rotation Viewer

这款插件是基于 UIZE 框架的,效果非常精美,支持5种动画播放效果。

jquery 3d product view

在线演示      源码下载

 

360 Degrees Viewer – WordPress Plugin

最后这款图片360度旋转插件是 WordPress 插件,效果不错,可惜需要付费。

jquery 3d product view

在线演示      源码下载

 

您可能还喜欢

 

 

本文链接:精心挑选10款基于 jQuery 的图片360度旋转插件

编译来源:梦想天空 ◆ 关注前端开发技术 ◆ 分享网页设计资源

作者:山边小溪
主站:yyyweb.com 记住啦:)
欢迎任何形式的转载,但请务必注明出处。

版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。

相关文章
jquery实现 图片延迟加载
图片延迟加载的大致的原理是,对于图片标签不是把图片的路径指定到src属性上,src属性指定一个非常小的空白图片,真正的图片地址设置到一个自定义的属性上,比如file,这样img标签就是这样:或者背景直接把一张小的空白图作为背景色。
827 0
jQuery图片切换
效果如http://河池手机网.com 的banner的效果。 jQuery代码如下: View Code $(function(){ $("#bannerwenzi").
886 0
[Unity3D插件]NGUI之UIRoot屏幕分辨率自适应
NGUI在Unity3D游戏开发中非常常用,而NGUI对于每一个UI场景,都是以一个UIRoot为UI游戏对象树的根的,那么这个UIRoot是起什么作用的呢? 先简单看一下UIRoot中的基本属性 UIRoot游戏对象的属性只有4个,分...
814 0
Fundebug录屏插件更新至0.5.0,新增domain参数
摘要: 通过配置domain来保证“视频”的正确录制 录屏功能介绍 Fundebug提供专业的异常监控服务,当线上应用出现 BUG 的时候,我们可以第一时间报警,帮助开发者及时发现 BUG,提高 Debug 效率。
923 0
jquery实现图片上传前的预览
html代码   js代码 $("#uploadImage").on("change", function(){ // Get a reference to the fileList var files = !!this.
772 0
微赞平台拼团插件的支付流程
最终支付的是页面是 vzan/payment/wechat/pay.php第73行 $wOpt = wechat_build($params, $wechat);构造向腾讯发送的参数,并在本地页面调用支付的JS 参数的传递是由url('mc/cash/wechat');这个地址传送过来的,传递的规则是ps中放的是订单的参数 $sl = base64_encode(json_enco
1283 0
+关注
秋天风景
既然选择了远方,便只顾风雨兼程。
2393
文章
0
问答
文章排行榜
最热
最新
相关电子书
更多
JS零基础入门教程(上册)
立即下载
性能优化方法论
立即下载
手把手学习日志服务SLS,云启实验室实战指南
立即下载