轮播 - silder
$(".slider-container-1").slider({inEndEffect:'cycle',fullScreen:false});
调用方法：
$(selector).slider(options,callback(api));
options参数
| 参数 | 默认值 | 说明 |
|---|---|---|
| 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向后,数字为相应的索引); |
callback(api)参数
| 方法 | 说明 |
|---|---|
| prev() | 向前一步 |
| next() | 向后一步 |
| start() | 开始播放 |
| stop() | 停止播放 |
| setIndex(index,isAnimate) | 设置当前帧 |
| resize() | 重置幻灯片参数 |