Swiper中文论坛

标题: 求助：swiper2分页器如何实现123这样的 [打印本页]
作者: ITYANG    时间: 2016-11-9 18:33
标题: 求助：swiper2分页器如何实现123这样的
我开始用的swiper3，但是3不支持IE8，换成了2，倒是支持了，但是分页没办法实现123了下面是实现3的代码

  1. <script>
  2. var swiper = new Swiper('.swiper-container', {
  3.   pagination: '.swiper-pagination',
  4.   paginationClickable: true,
  5.   paginationBulletRender: function (swiper, index, className) {
  6.       return '<span class="' + className + '">' + (index + 1) + '</span>';
  7.   }
  8. });  
  9. </script>
复制代码
请问各路大侠，如何用2实现3这样的功能？（如下图的123）


我的思路是用jquery进行递增，但是目前我的技术实现不了，只能用jquery插入字符，实现不了递增

作者: ITYANG    时间: 2016-11-10 15:25
求大神相助
作者: ITYANG    时间: 2016-11-10 16:00
问题解决了
贴上代码，需要的同学可以看看
  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.         })

  23.   })
复制代码
作者: ITYANG    时间: 2016-11-10 16:00
swipeTo(index,speed,runCallbacks)
滑动到到指定滑块。
index:必选，num，指定将要切换到的slide的索引，第一个为0
speed:可选，num(单位ms)，切换速度
runCallbacks:可选，boolean，设置为false时不会触发onSlideChange回调函数。
作者: 蝈蝈    时间: 2017-1-3 15:19
                        
作者: 单身飞过撒哈拉    时间: 2017-2-13 14:09
作者: zhaopeng    时间: 2017-3-6 10:56




欢迎光临 Swiper中文论坛 (http://bbs.swiper.com.cn/) Powered by Discuz! X3.2