Отображение части слайда в Swiper?

Question

[cmtz]

Здравствуйте! Не необходимо реализовать слайдер, первый и последний слайд которого виден не полностью.

Пример

Решение с

slidesPerView: 5.5,
        loop: true,
        centeredSlides: true

Не работает, видимо из-за малого количества файлов. Как можно решить эту проблему?
https://codesandbox.io/s/beautiful-tree-c7647f?fil...

Answer 1

[KingAnton]

Для начала нужно сделать количество слайдов >= slidesPerView , чтобы цикл корректно работал
Дальше задайте отрицательные magin-left/right swiper'у, условно на половину ширины слайда, оберните swiper контейнером и обрежьте при помощи overflow:hidden;position:relative. Должно получиться то что у вас в примере

slidesPerView: 5,
loop: true,
centeredSlides: true