iSlider
如丝般高性能H5全屏滑动组件
- 简洁, 易用, 半行代码搞定.
- 性能卓越, 如丝般高性能全屏动画滑屏组件.
- 耦合完全分离, 更轻量, 无CSS依赖,无任何js库依赖.
- 一个组件只做一个事情, 专注于页面滑动, 避免冗余 , 保证性能.
参数:
| Name | Type | Attributes | Default | Description |
|---|---|---|---|---|
wrap |
string | '.wrap' | 容器 |
|
item |
string | '.item' | 滚动单元的元素 |
|
playClass |
string | 'play' | 触发播放动画的class |
|
index |
number |
<optional> |
0 | 设置初始显示的页码 |
noslide |
array |
<optional> |
[] | 设置禁止滑动的页面序号(0开始), 禁止后 需要开发者手动绑定页面中的某个按钮事件进行滑动 |
speed |
number |
<optional> |
400 | 动画速度 单位:ms |
triggerDist |
number |
<optional> |
30 | 触发滑动的手指移动最小位移 单位:像素 |
isVertical |
boolean |
<optional> |
true | 是否是垂直滑动 默认是. 设成false为水平滑动. |
useACC |
boolean |
<optional> |
true | 是否启用硬件加速 默认启用 |
fullScr |
boolean |
<optional> |
true | 是否是全屏的 默认是. 如果是局部滑动,请设为false |
preventMove |
boolean |
<optional> |
false | 是否阻止系统默认的touchmove移动事件, 默认不阻止, 该参数仅在局部滚动时有效, 如果是局部滚动 如果为true 那么在这个区域滑动的时候 将不会滚动页面. 如果是全屏情况 则会阻止 |
lastLocate |
boolean |
<optional> |
true | 后退后定位到上次浏览的位置 默认true |
onslide |
function |
<optional> |
滑动后回调函数 会回传index参数 |
|
loadingImgs |
array |
<optional> |
loading需要加载的图片地址列表 |
|
onloading |
function |
<optional> |
loading时每加载完成一个图片都会触发这个回调 回调时参数值为 (已加载个数,总数) |
|
loadingOverTime |
number |
<optional> |
15 | 预加载超时时间 单位:秒 |
方法
- prev()
- next()
- slideTo()