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 }); });
效果如下:
本文由用户 dengjianbin 自行上传分享,仅供网友学习交流。所有权归原作者,若您的权利被侵害,请联系管理员。
转载本站原创文章,请注明出处,并保留原始链接、图片水印。
本站是一个以用户分享为主的开源技术平台,欢迎各类分享!