49 lines
1.1 KiB
Plaintext
49 lines
1.1 KiB
Plaintext
实现的功能：
|
||
|
||
自定义参数：
|
||
【完成】1：loop: false // 循环模式选项
|
||
【完成】2：自动播放
|
||
|
||
autoPlay: true // false
|
||
autoTime: 3(默认) 用户可以自定义
|
||
|
||
【完成】3：是否需要前进后退按钮
|
||
如果需要
|
||
1：写上html
|
||
2：
|
||
// 如果需要前进后退按钮
|
||
navigation: {
|
||
nextEl: '.swiper-button-next',
|
||
prevEl: '.swiper-button-prev',
|
||
},
|
||
|
||
【完成】4：是否需要小圆点
|
||
如果需要
|
||
1：写上html
|
||
2：
|
||
pagination: {
|
||
el: '.swiper-pagination',
|
||
},
|
||
|
||
【完成】5：initialSlide: 0(默认) 设置显示第几张图
|
||
【完成】6：speed: 300(默认) 设置图片切换的速度
|
||
7：direction: horizontal(默认) 播放的方向 vertical
|
||
|
||
功能（方法）：
|
||
|
||
1：slideChange() 轮播图切换的时候，调用这个方法，返回下标
|
||
new Swiper('.swiper-container',{
|
||
on:{
|
||
slideChange: function(){
|
||
alert('改变了，activeIndex为'+this.activeIndex);
|
||
},
|
||
},
|
||
})
|
||
|
||
mySwiper.on('slideChange', function () {
|
||
//...
|
||
});
|
||
|
||
2：slideTo(index) 传入参数，切换轮播图
|
||
|
||
3: stop() start() 停止，开始自动播放 |