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

dengjianbin 9年前

实现了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幻灯片插件



在线演示和下载