当前位置:JS特效 » 幻灯片和轮播图 » 兼容IE8的jQuery旋转木马幻灯片插件
 兼容IE8的jQuery旋转木马幻灯片插件
如果您觉得内容不错,请分享:

插件介绍

Carousel.js是一款简单实用的jQuery旋转木马幻灯片插件。该旋转木马插件兼容IE8浏览器,可用于制作电影海报的3D旋转切换特效等。

浏览器兼容性

浏览器兼容性
时间:2021-07-24 阅读:100
简要教程

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

Top