Как убрать пустые слайды в слайдере swiper?

Question

[privat13]

Есть сайт https://atol.tt-72.ru/

Внизу есть раздел с сертификатами.


Если прокрутить до конца слайдер, то появляются пустые слайды. как от них избавиться?


Прикрепляю код слайдера

var mySwiper2 = new Swiper('.swiper-container-two', {
    slidesPerView: 5,
    loop: true,
    navigation: {
      nextEl: '.lisenses .swiper-button-next',
      prevEl: '.lisenses .swiper-button-prev',
    },
    breakpoints: {
        320: {
          slidesPerView: 1.5,
        },
        550: {
          slidesPerView: 2.5,
        },
        768: {
            slidesPerView: 3.5,
        },
        1080: {
            slidesPerView: 4,
        }
    }
});

Answer 1

[Виктор Майоров]

var mySwiper2 = new Swiper('.swiper-container-two', {
    slidesPerView: 'auto',
    loop: true,
    navigation: {
      nextEl: '.lisenses .swiper-button-next',
      prevEl: '.lisenses .swiper-button-prev',
    },
    breakpoints: {
        320: {
          slidesPerView: 1.5,
        },
        550: {
          slidesPerView: 2.5,
        },
        768: {
            slidesPerView: 3.5,
        },
        1080: {
            slidesPerView: 'auto',
        }
    }
});

Comments

[privat13]

Куда это надо вставить?

[Виктор Майоров]

privat13,
Замени свое на это

var mySwiper2 = new Swiper('.swiper-container-two', {
    slidesPerView: 5,
    loop: false,
    navigation: {
      nextEl: '.lisenses .swiper-button-next',
      prevEl: '.lisenses .swiper-button-prev',
    },
    breakpoints: {
        320: {
          slidesPerView: 1.5,
        },
        550: {
          slidesPerView: 2.5,
        },
        768: {
            slidesPerView: 3.5,
        },
        1080: {
            slidesPerView: 4,
        }
    }
});

[privat13]

Виктор Майоров, не работает.. слайдер встал

[Виктор Майоров]

privat13, тогда так

var mySwiper2 = new Swiper('.swiper-container-two', {
    slidesPerView: 'auto',
    loop: true,
    navigation: {
      nextEl: '.lisenses .swiper-button-next',
      prevEl: '.lisenses .swiper-button-prev',
    },
    breakpoints: {
        320: {
          slidesPerView: 1.5,
        },
        550: {
          slidesPerView: 2.5,
        },
        768: {
            slidesPerView: 3.5,
        },
        1080: {
            slidesPerView: 'auto',
        }
    }
});

[privat13]

вроде работает

[Виктор Майоров]

privat13, сразу не обратил внимание.
когда задаешь ручками ширину слайдерам, то необходимо указывать в настройках slidesPerView: 'auto'
об этом сказано в оф. документации.