• 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8

$(".slider1").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
disableBtnCls disable 按键不可用时的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() 重置幻灯片参数