0

JS Fiddle: https://jsfiddle.net/zn3ex8bv/

let swiper = new Swiper("#albums_slider", {
    direction: "horizontal",
    spaceBetween: 30,
    slidesPerView: 4,
    loop: true,
    allowTouchMove: false,
    speed: 600,
    autoplay: {
        delay: 3000
    },

    navigation: {
        nextEl: ".swiper-button-next",
        prevEl: ".swiper-button-prev"
    }
});

По какой-то загадочной причине, когда я добавляю один слайд в слайдер, добавляются три слайда. Я еще ни разу не встречал такой баг со Swiper'ом.

В начале я подумал, что баг происходит из-за того, что параметр slidesPerView задан 4, но у меня только 1 слайд в Swiper'е. Так что я попробовал увеличить количество слайдов до 4, но это не сработал, в результате в слайдере 12 слайдов.

Что делать? Как решить эту проблему?

8
  • 1
    Похоже, это из-за параметра loop: true, 5 фев 2021 в 11:49
  • @StepanKasyanenko да, действительно, если убрать loop: true, то всё ОК. А с чем может быть связано такое поведение?
    – Coder4Fun
    5 фев 2021 в 12:54
  • @StepanKasyanenko в других моих проектах я использовал параметр loop, и всё было хорошо
    – Coder4Fun
    5 фев 2021 в 12:56
  • Думаю, немного логики здесь есть. loop: true стоит, значит нужна бесконечная прокрутка. Но при этом стоит slidesPerView: 4, то есть надо показать 4 слайда. А где их взять? Правильно, показываем один несколько раз. 1 слайд - предыдущий, 2 слайд - текущий, 3 слайд - следуюущий. 5 фев 2021 в 12:58
  • @StepanKasyanenko но почему тогда, если увеличиваю количество слайдов до 4, то их становится 12. А потом если увеличу еще до 5, то их становится 13???
    – Coder4Fun
    5 фев 2021 в 13:15

0

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Посмотрите другие вопросы с метками или задайте свой вопрос.