$(".slider1").slider({inEndEffect:'cycle',fullScreen:false});
$(selector).slider(options,callback(api));
参数 | 默认值 | 说明 |
---|---|---|
contentCls | content | 轮播内容列表的class |
navCls | nav | 轮播导航列表的class |
prevBtnCls | prev | 向前一步的class |
nextBtnCls | next | 向后一步的class |
activeTriggerCls | active | 导航选中时的class |
disabledBtnCls | disabled | 按键不可用时的class |
step | 1 | 移动帧数 |
view | (自动计算) | 框内可视帧数 |
direction | 'x' | 轮播的方向 |
inEndEffect | switch | 播放到最后一帧时的效果:"switch"表示来回切换,"cycle"表示循环,"none"表示无效果 |
hasTriggers | true | 是否含有导航触发点 |
triggerCondition | '*' | 触发点的条件(有时需排除一些节点) |
triggerType | mouse | 导航触发事件:"mouse"表鼠标移入时触发,"click"表示鼠标点击时触发 |
activeIndex | 0 | 默认选中帧的索引 |
auto | false | 是否自动播放 |
animate | true | 是否使用动画滑动 |
delay | 3000 | 自动播放时停顿的时间间隔 |
duration | 500 | 轮播的动画时长 |
easing | 'easeIn' | 切换时的动画效果,可选的动画函数包括:ease、linea、ease-in、ease-out、ease-in-out、cubic-bezier |
touchable | true | 是否允许触碰 |
sensitivity | 0.4 | 触摸屏的敏感度,滑动当前帧的百分比移动该帧,该值越小越敏感 |
fullScreen | true | 是否全屏 |
isStopDefault | false | 是否取消默认行为 |
onChangeStart(status) | (无) | 移动前执行,返回flase时不移动;传入一个对象,包含:index事件发生前索引,count帧长度,destination方向(prev向前,next向后,数字为相应的索引); |
onChangeEnd(status) | (无) | 移动后执行;传入一个对象,包含:index事件发生前索引,count帧长度,destination方向(prev向前,next向后,数字为相应的索引); |
方法 | 说明 |
---|---|
prev() | 向前一步 |
next() | 向后一步 |
start() | 开始播放 |
stop() | 停止播放 |
setIndex(index,isAnimate) | 设置当前帧 |
resize() | 重置幻灯片参数 |