兼容IE8轮播插件 jSlider

使用

页面引入jSlider.css和jQuery、jquery.jSlider.js文件。

HTMl代码

<div class="jSlider">
    <div><img src="" alt="" /></div>
    <div><img src="" alt="" /></div>
</div>

参数

jSlider的配置参数通过data-*属性来控制。

<div class="jSlider" data-loop="true" data-navigation="always" data-indicator="none">
    <div><img src="" alt="" /></div>
    <div><img src="" alt="" /></div>
</div>

属性	含义	示例
data-navigation	控制是否显示前后导航按钮	“always”, “none” 或 “hover”
data-indicator	控制是否显示圆点导航按钮	“always”, “none” 或 “hover”
data-speed	控制轮播图的切换速度，单位毫秒	默认值为500
data-delay	控制轮播图的播放速度，单位毫秒	默认值为500
data-transition	控制轮播图的动画过渡类型	“slide” 或 “fade”
data-loop	控制轮播图是否循环播放
data-group	该属性在gallery模式下使用。用于将图片进行分组

下载

github地址