| 注册
请输入搜索内容

热门搜索

Java Linux MySQL PHP JavaScript Hibernate jQuery Nginx
dengjianbin
12年前发布

3D旋转图片立体展示jquery幻灯片插件

实现了3D旋转图片立体展示幻灯片插件,功能非常酷。


包括了以下功能:

1、可支持鼠标滚轮控制图片360度旋转

2、鼠标支持左右方向控制按钮来控制图片旋转的方向

3、图片自动旋转播放

4、修正了兼容所有的浏览器

5、图片轮播

6、图片立体倒影展示效果

7、可自由控制旋转速度

8、点击左右两边的图片也可以进行左右旋转的切换


插件初始化代码如下:

$(document).ready(function(){            // 这初始化容器中指定的元素,在这种情况下,旋转木马.   $("#carousel1").CloudCarousel({       xPos:450,    yPos:110,    buttonLeft: $('#but1'),    buttonRight: $('#but2'),    altBox: $("#alt-text"),    titleBox: $("#title-text"),        FPS:30,    reflHeight:86,    reflGap:2,    yRadius:40,    autoRotateDelay: 1200,    speed:0.2,    mouseWheel:true,    bringToFront:true   });   });

效果如下:

网友Null分享3D旋转图片立体展示jquery幻灯片插件



在线演示和下载

 本文由用户 dengjianbin 自行上传分享,仅供网友学习交流。所有权归原作者,若您的权利被侵害,请联系管理员。
 转载本站原创文章,请注明出处,并保留原始链接、图片水印。
 本站是一个以用户分享为主的开源技术平台,欢迎各类分享!
 本文地址:https://www.open-open.com/lib/view/open1368536905547.html
图片展示jQuery插件 jQuery插件