@GIRUPC
Начинающий веб-программист

Как сделать чтобы слайды не обрезались?

Добрый день! Использую swiper slider. Задал ему такие опции
let swiperContainer = document.querySelector('.js-itemsSlider');

    if (swiperContainer) {
        let itemsSwiper = new Swiper('.js-itemsSlider', {
            loop: true,
            centeredSlides: true,
            slidesPerView: 4,
            spaceBetween: 100,
            centerInsufficientSlides: true,
            // Responsive breakpoints
            breakpoints: {
                480: { slidesPerView: 1, spaceBetween: 20 }, // when window width is <= 640px
                769: { slidesPerView: 2, spaceBetween: 30 },
                1024: { slidesPerView: 3, spaceBetween: 30 },
            },

            // If we need pagination
            pagination: {
                el: '.swiper-pagination',
            },

            // Navigation arrows
            navigation: {
                nextEl: '.slidernavigation__next',
                prevEl: '.slidernavigation__prev',
            }

        });

Но слайды почему то обрезаются хотя. Подскажите пожалуйста как сделать чтобы отображалось 4 слайда и они не обрезались. Вот сайт test.avalonsec.ru
  • Вопрос задан
  • 42 просмотра
Пригласить эксперта
Ответы на вопрос 1
AntonLitvinenko
@AntonLitvinenko
HTML coder
centeredSlides: true
centerInsufficientSlides: true

какая-то из этих строчек, скорее всего вторая
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы