基于Threejs的jQuery 3d图片旋转木马特效插件


这是一款基于ThreeJS的炫酷3D旋转木马图片画廊特效插件。该旋转木马特效可以设置图片预加载,带有前后导航按钮,可以使用鼠标前后旋转,并可以设置3D透视的位置。 查看演示...
这是一款基于ThreeJS的炫酷3D旋转木马图片画廊特效插件。该旋转木马特效可以设置图片预加载,带有前后导航按钮,可以使用鼠标前后旋转,并可以设置3D透视的位置。

查看演示   在线下载  201504091855.zip


该旋转木马依赖于以下外部插件:

  • Three.js:https://github.com/mrdoob/three.js/
  • Stats.js:https://github.com/mrdoob/stats.js/
  • TweenMax:http://www.greensock.com/gsap-js/
  • PreloadJS:http://www.createjs.com/#!/PreloadJS

浏览器兼容
  • Firefox - 30.0.0 +
  • Chrome - 35.0.0 +
  • Explorer: 9 +
  • Ipad Safari: 7.0.0 +
  • Iphone Safari: 7.0.0 +
  • IOS Safari: 7.0.0 +
  • Android Chrome: 未测试
  • IOS Chrome: 未测试

使用方法
HTML结构

该旋转木马插件的HTML结构使用一个空的<div>即可。

  1. <div class="box"></div>           
复制代码
在调用插件之前要引入所有的外部依赖文件。然后可以使用下面的方法调用该旋转木马插件:

  1. $(function(){
  2.   $(".box").ig3js({
  3.       manifest: [
  4.           {src:"image1.jpg", id:"image1"},
  5.           {src:"image2.jpg", id:"image2"},
  6.           {src:"image3.jpg", id:"image3"},
  7.           {src:"image4.jpg", id:"image4"},
  8.           {src:"image5.jpg", id:"image5"},
  9.           {src:"image6.jpg", id:"image6"},
  10.           {src:"image7.jpg", id:"image7"}
  11.         ],
  12.         imagePath: 'images/'
  13.     });
  14. });         
复制代码
配置参数

事件

方法

via:http://www.htmleaf.com/jQuery/Sl ... r/201504091651.html

更多 jquery特效 相关资讯

2015年4月出炉的 21个免费的 JQuery 前端功能插件

2015年4月出炉的 21个免费的 JQuery 前端功能插件

网页前端开发人员必须关注当下流行的工具,其中jQuery插件会使网页设计变得更快,更好,更容易。今天为大家分享的是20个最好的免费的jQuery插件,这些插件可用于您的项目中,如滑块,导

精心挑选6款优秀的 jQuery Tooltip 插件

精心挑选6款优秀的 jQuery Tooltip 插件

Tooltip(工具提示)是网站中的一个小功能,但却有很重要的作用,常用于显示一些温馨的信息提示和指引。创意的工具提示功能能够加深用户对网站印象,增加网站的用户粘度。 因此,今天这

jQuery超炫图片3D背景视觉差特效插件

jQuery超炫图片3D背景视觉差特效插件

这是一款效果非常炫的jQuery图片3D背景视觉差特效插件。该图片视觉差插件使用CSS matrix3d transforms来创建一个3D空间,使你能够使用鼠标和3D空间中的图片做交互,在鼠标移动

jQuery炫酷图片3d背景视觉差特效

jQuery炫酷图片3d背景视觉差特效

Smart3D是一款效果非常炫酷的jQuery图片背景视觉差特效插件。该插件将图片以层的形式排放,当鼠标滑过图片的时候,每一层的图片的运动速度各不相同,从而形成强烈的视觉差效果。

jQuery基于图片的元素背景模糊特效插件

jQuery基于图片的元素背景模糊特效插件

Blurr是一款基于图片的元素模糊背景特效jQuery插件。该插件根据图片的主要色彩,将元素的背景制作为这些色彩合成的模糊效果。色彩融合自然,有磨砂的效果,非常时尚好看。查看演

舒适的全屏式的弹窗jQuery插件 – animatedModal.js

舒适的全屏式的弹窗jQuery插件 – animatedModal.js

animatedModal.js 是一个全屏式的弹窗jQuery插件,而且弹出效果很漂亮,全屏的弹窗特别适用于移动手机网站,所以做响应式网页的设计师们可以尝试使用这款插件。 an

jQuery图片列表拖拽排序布局插件

jQuery图片列表拖拽排序布局插件

春节马上过去了,小编也立马切换到工作状态,继续为大家分享一些实用和炫酷的jQuery插件以及HTML5经典特效。本文要介绍的是一款基于jQuery的图片列表拖拽排序布局插件,我

jQuery/CSS3 3D焦点图动画 多种炫酷图片切换特效

jQuery/CSS3 3D焦点图动画 多种炫酷图片切换特效

之前我们已经向大家分享过很多基于jQuery和CSS3的3D焦点图动画插件,比如jQuery带爆炸特效的焦点图动画和HTML5全屏3D图片展示特效,今天要分享的这款jQuery 3D焦点图动

用CSS和jQuery打造3D窗帘切换特效

用CSS和jQuery打造3D窗帘切换特效

今天为大家分享一套用CSS和jQuery打造3D窗帘切换特效,它是通过两个分裂的模块组成再通过CSS转换和jQuery帮助Z轴运动并降低上一张图片的透明度造成一种空间的感觉。还

jQuery图片分组分页插件

jQuery图片分组分页插件

今天我们要继续为大家分享实用的jQuery分页插件,它用来将很多图片进行分组和分页,并可以方便用户按页来浏览图片缩略图。另外这个jQuery图片分页插件还有一个特点是每次

更多 jpg 相关资讯

基于jQuery的图片相册滑出放大插件

基于jQuery的图片相册滑出放大插件

今天给大家带来一款基于jQuery的图片相册滑出放大插件。点击相册图片,展示该图片。该插件适用浏览器:IE8、360、FireFox、Chrome、Safari、Opera、傲游、搜狗、世界之窗.。效

更多 jquery 相关资讯

12个最新免费的jQuery插件周报

12个最新免费的jQuery插件周报

如今,jQuery插件众多,满足各种各样的应用需求。 在这篇文章中,我收集了12款很棒的插件!希望你能从中找到自己需要的插件。 Elastic SVG Sidebar Material Design 弹性SVG侧栏导

jQuery仪表盘指示器动画插件 6种仪表样式

jQuery仪表盘指示器动画插件 6种仪表样式

今天我们要来分享一组很酷的jQuery插件,这款jQuery插件实现了6组不同样式的超酷仪表盘指示器动画。仪表盘的背景是一张图片,通过jQuery来动态生成一些属性标签,比如仪表

2015年4月出炉的 21个免费的 JQuery 前端功能插件

2015年4月出炉的 21个免费的 JQuery 前端功能插件

网页前端开发人员必须关注当下流行的工具,其中jQuery插件会使网页设计变得更快,更好,更容易。今天为大家分享的是20个最好的免费的jQuery插件,这些插件可用于您的项目中,如滑块,导

精心挑选6款优秀的 jQuery Tooltip 插件

精心挑选6款优秀的 jQuery Tooltip 插件

Tooltip(工具提示)是网站中的一个小功能,但却有很重要的作用,常用于显示一些温馨的信息提示和指引。创意的工具提示功能能够加深用户对网站印象,增加网站的用户粘度。 因此,今天这

推荐15款创建漂亮幻灯片的 jQuery 插件

推荐15款创建漂亮幻灯片的 jQuery 插件

对于设计师,开发者,摄影师或任何创造性的个人和企业,他们自己的网站是展示他们的技能和服务的最佳场所。你可能打算设计一个新的个人作品网站,不管你是从头开始或使用模板,都会需

jQuery超炫图片3D背景视觉差特效插件

jQuery超炫图片3D背景视觉差特效插件

这是一款效果非常炫的jQuery图片3D背景视觉差特效插件。该图片视觉差插件使用CSS matrix3d transforms来创建一个3D空间,使你能够使用鼠标和3D空间中的图片做交互,在鼠标移动

Globalize 1.0 发布,jQuery 的国际化插件

jQuery 的国际化和本地话插件 Globalize 发布了 1.0 正式版本,该插件是 jQuery 官方的插件,品质当然是有保证的。 1.0 正式版本的详细介绍请看发行说明。

jQuery炫酷图片3d背景视觉差特效

jQuery炫酷图片3d背景视觉差特效

Smart3D是一款效果非常炫酷的jQuery图片背景视觉差特效插件。该插件将图片以层的形式排放,当鼠标滑过图片的时候,每一层的图片的运动速度各不相同,从而形成强烈的视觉差效果。

jQuery轻量级补间动画工具库-jQueryTween

jQuery轻量级补间动画工具库-jQueryTween

jQueryTween是一款轻量级的jQuery补间动画工具库插件。使用jQueryTween可以制作出各种平滑的动画过渡效果。该插件基于tween.js,旨在简化各种补间动画操作,提供高性能的硬件加

15个实现粘性滚动的jquery插件

15个实现粘性滚动的jquery插件

打开网页时,当滚动页面的时候,页面中的某些元素会在一定的距内定住,滚出一定距离后又随着滚动退出视窗范围。这样的插件功能强大又简单操作。下面整理15个粘性不错的滚动jQuery