Carousel.js是一款简单实用的jQuery旋转木马幻灯片插件。该旋转木马插件兼容IE8浏览器,可用于制作电影海报的3D旋转切换特效等。
使用方法
在页面中引入jquery和Carousel.js文件。
HTML结构
整个旋转木马的HTML结构如下:
初始化插件
在页面DOM元素加载完毕之后,可以通过下面的方法来初始化该旋转木马插件。
$(function(){
Carousel.init($("#carousel"));
$("#carousel").init();
});
配置参数
该旋转木马可用的配置参数如下(这些参数通过data-setting属性以对象的方式传入):
width:幻灯片宽度。height:幻灯片高度。posterWidth:当前帧宽度。posterHeight:当前帧高度。scale:图片比例大小。speed:播放速度。autoPlay:是否自动播放。delay:自动播放速度。verticalAlign:垂直对齐方式。
Carousel.js旋转木马插件的github地址为:https://github.com/LikaiLee/Carousel














