Проблема с каруселью без расчета количества "страниц" правильно - PullRequest
Новая
       13

Проблема с каруселью без расчета количества "страниц" правильно

0 голосов
/ 27 февраля 2019

Я пытаюсь построить карусель с использованием фреймворка bxslider, однако я не могу заставить пейджинг работать правильно.

Почему-то неправильно вычисляются страницы:

enter image description here

Это говорит о том, что есть только 1 страница, однако есть 3 полных слайда, и он отображает два слайда одновременно, следовательно, он должен отображать 2 из 2 вместо 2 из1.

Кто-нибудь получил решение для этого?

Это мои настройки: 

var slider = $slider.bxSlider({
   slideWidth: 350,
   minSlides: 1,
   maxSlides: 3,
   shrinkItems: true,
   nextText: "",
   prevText: "",
   pager: true,
   pagerType: "short",
   pagerShortSeparator: " of ",
   slideMargin: 60,
   responsive: true,
   auto: false,
   infiniteLoop: false,
   hideControlOnEnd: true,
});

Спасибо

Обновление

Возможно, я сам нашел ошибку во фреймворке.Когда вы используете пейджинговый тип «short», в строке исходного кода bxslider 823 код выглядит так: 

len = Math.ceil(slider.children.length / slider.settings.maxSlides);

Однако есть метод, который извлекает количество видимых слайдов в слайдереОкно просмотра, которое более правильно использовать: 

len = Math.ceil(slider.children.length / getNumberSlidesShowing());

Таким образом, ползунок теперь будет работать быстро, так как количество видимых слайдов будет меняться в зависимости от размера вашего экрана.

...