幻灯片切换效果。
一张幻灯片页面经历的状态包括:
- slide-down:在当前显示幻灯片后面
- slide-in:进入
- slide-active:显示
- slide-out:退出
- slide-up:在当前显示幻灯片前面
var Slider = require('luobo-slider')
new Slider({
container: '#slider-container'
})
Slider([options])
构造函数。
options 及缺省值:
- container: '.slide-container'
- slide: '.slide'
- slideTime: 1000
- active: 0
- scrollNav: true
- keyNav: true
- navBar: true
- classSlideIn: 'slide-in'
- classSlideOut: 'slide-out'
- classSlidePrev: 'slide-up'
- classSlideNext: 'slide-down'
- classSlideActive: 'slide-active'
- classSlideNavBar: 'slide-nav-bar'
- classSlideNav: 'slide-nav'
- classSlideNavActive: 'slide-nav-active'
- autoNav: false
- autoNavInterval: 5000
- autoNavPauseOnMouseenter: false
prev()
导航上一张幻灯片。
next()
导航到下一张幻灯片。
nav(target)
导航到指定索引(从0开始)的幻灯片。
startAutoNav()
开始自动导航。
stopAutoNav()
停止自动导航。
on(event, callback)
绑定事件。
off(event, callback)
解除事件绑定。
beforeSlide
- {number} current
- {number} target
slide
- {number} from
- {number} current