3D旋转图片立体展示jquery幻灯片插件
dengjianbin
12年前
实现了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 }); });
效果如下: