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

ITYANG

我开始用的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

求大神相助

ITYANG

问题解决了
贴上代码，需要的同学可以看看

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. 
    
23.   })

复制代码

ITYANG

swipeTo(index,speed,runCallbacks)
滑动到到指定滑块。
index:必选，num，指定将要切换到的slide的索引，第一个为0
speed:可选，num(单位ms)，切换速度
runCallbacks:可选，boolean，设置为false时不会触发onSlideChange回调函数。

蝈蝈

                        

单身飞过撒哈拉

zhaopeng