Как скрыть часть слайдера в swiper?

Question

[Gorzzoth]

Нужно чтобы слайдер по центре показывал активный слайд, а остальные как-бы уходили за края


на данный момент при сужении экрана, слайдер просто сжимает сами слайды, когда нужно оставить их ширину

в идеале всё должно выглядеть так:


Сейчас стоят такие настройки:

var swiper = new Swiper(".mySwiper", {
    slidesPerView: 3,
    loop: true,
    spaceBetween: 30,
    centeredSlides: true,
    fade: true,
    pagination: {
        el: ".swiper-pagination",
        clickable: true,
    },
});

Comments

[Gorzzoth]

slidesPerView: auto так-же не помогает, попробовал задать ширину с ним через

.slider-item.swiper-slide {
    width: 340px;
    height: 440px;
}

,но в итоге ничего не выходит

Answer 1

[Gorzzoth]

Какая глупость, самая простая опечатка от незнания js

var swiper = new Swiper(".mySwiper", {
    slidesPerView: 'auto',
    loop: true,
    spaceBetween: 30,
    centeredSlides: true,
    fade: true,
    pagination: {
        el: ".swiper-pagination",
        clickable: true,
    },
});