swipe : 支持手势切换的轮播组件、切换组件
介绍
支持手势切换的轮播组件、切换组件
使用方法
define(['fui/swipe/1.0'],function(Swipe){
var swipe = new Swipe({
tpl : "#swipe"
});
})
配置参数
配置参数 |
参数类型/可选值 |
参数默认值 |
作用说明 |
tpl |
String |
/ |
swipe组件内容的class或id |
startSlide |
number |
0 |
初始的slider 帧数 |
speed |
number(毫秒) |
400 |
切换速度 |
auto |
number(毫秒) |
3000 |
切换的时间间隔(设置0表示必须手动切换) |
continuous |
Boolen |
true |
是否连续 |
disableScroll |
Boolen |
false |
切换的时候,阻止touch事件传播 |
stopPropagation |
Boolen |
false |
阻止事件传播 |
callback |
Function |
null |
切换的callback
( function(index, elem) {} )
|
pane |
String |
.swipe-pane |
默认的slider 内容选择器 |
nav |
Strign |
.swipe-nav li |
默认的slider trigger 选择器 |
active |
String |
active |
默认的slider trigger 选择器高亮Class |
imgLazySrc |
String |
swipe-lazy-src |
slider图片懒加载,默认的实际图片地址attr |
公共方法
方法名称 |
入参说明 |
返回值 |
作用说明 |
slide(idx) |
(idx:Number) |
/ |
切换到某帧 |
prev() |
/ |
/ |
切换到上一帧 |
next() |
/ |
/ |
切换到下一帧 |
getPos |
/ |
Number |
返回当前的帧数 |