求助:swiper2分页器如何实现123这样的

查看数: 4680 | 评论数: 6 | 收藏 0
关灯 | 提示:支持键盘翻页<-左 右->
    组图打开中,请稍候......
发布时间: 2016-11-9 18:33

正文摘要:

我开始用的swiper3,但是3不支持IE8,换成了2,倒是支持了,但是分页没办法实现123了下面是实现3的代码 <script> var swiper = new Swiper('.swiper-container', {   pagination: '.swiper-pagination', &nbs ...

回复

zhaopeng 发表于 2017-3-6 10:56:09
单身飞过撒哈拉 发表于 2017-2-13 14:09:53
蝈蝈 发表于 2017-1-3 15:19:34
                        
ITYANG 发表于 2016-11-10 16:00:35
swipeTo(index,speed,runCallbacks)
滑动到到指定滑块。
index:必选,num,指定将要切换到的slide的索引,第一个为0
speed:可选,num(单位ms),切换速度
runCallbacks:可选,boolean,设置为false时不会触发onSlideChange回调函数。
ITYANG 发表于 2016-11-10 16:00:18
问题解决了
贴上代码,需要的同学可以看看
  1.   var mySwiper = new Swiper('#swiper-container3',{
  2.     pagination: '#pagination3',
  3.     paginationClickable: true,
  4.         loop : true,
  5.     spaceBetween: 0,
  6.     centeredSlides: true,
  7.     autoplay: 2700,
  8.         eventTarget : 'container',
  9.     autoplayDisableOnInteraction: false,
  10.         $('#btn1').click(function(){
  11.         mySwiper.swipeTo(0, 1000, false);
  12.         })
  13.         $('#btn2').click(function(){
  14.         mySwiper.swipeTo(1, 1000, false);
  15.         })
  16.         $('#btn3').click(function(){
  17.         mySwiper.swipeTo(2, 1000, false);
  18.         })
  19.         $('#btn4').click(function(){
  20.         mySwiper.swipeTo(3, 1000, false);
  21.         })

  22.   })
复制代码
ITYANG 发表于 2016-11-10 15:25:28
求大神相助

Archiver|手机版|小黑屋|Swiper中文网 ( 粤ICP备15001020号

GMT+8, 2024-5-17 18:56 , Processed in 0.067579 second(s), 31 queries .

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表