@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
  • Вопрос задан
  • 163 просмотра
Пригласить эксперта
Ваш ответ на вопрос

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

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