首先非常感谢网友Null的无私分享,此Jquery插件是他分享到JquerySchool网站的第一个作品,实现了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 图片特效 旋转特效 图片滚动 图片轮播 Jquery焦点图 图片旋转轮播 3D特效 360度旋转