idangerous swiper, номера в разбивке на страницы

Question

Можно отображать номер слайда в каждом диапазоне «свинг-паутина-переключатель»? (например: 1,2,3, ...)?

По умолчанию плагин создающих часть HTML, как это:

<div class="pagination"> 
    <span class="swiper-pagination-switch swiper-visible-switch swiper-active-switch"></span> 
    <span class="swiper-pagination-switch"></span> 
    <span class="swiper-pagination-switch"></span></div> 
</div> 

Я хотел тонный вставить в каждом пролете количество слайдов, которые она относится, например:

<div class="pagination"> 
    <span class="swiper-pagination-switch swiper-visible-switch swiper-active-switch">1</span> 
    <span class="swiper-pagination-switch">2</span> 
    <span class="swiper-pagination-switch">3</span></div> 
</div> 

Как я могу это сделать?

спасибо.

Answer 1

Это мое решение, немного грязный, но сделать работу:

var Swiper_slider = slider.swiper({ 
      pagination:   '.slider_pagination', 
      paginationClickable: true, 
      mode:    'horizontal', 
      loop:    true, 
      speed:    600, 
      autoplay:   5000, 
      paginationElement: 'a', 
      onSwiperCreated: function(){ 

       $('.slider_pagination a').each(function(key){ 
        $(this).html(key + 1); 
       }); 

      } 
}); 

После того, как слайдер создан, .each() цикл добавить номера на элементах постраничной.

Янник

Answer 2

Swiper v3.1.0 будет иметь следующий параметр, который поддерживает эту функцию.

paginationBulletRender(index, className) 

Answer 3

в Swiper v3.3.1 есть демо, которые могли бы соответствовать свой вопрос под названием 29-заказ pagination.html, который включен в загруженном zip:

с опцией:

var swiper = new Swiper('.swiper-container', { 
    pagination: '.swiper-pagination', 
    paginationClickable: true, 
    paginationBulletRender: function (index, className) { 
     return '<span class="' + className + '">' + (index + 1) + '</span>'; 
    }