Как на swiper сделать слайды выходящие за ширину контейнера?

Question

[DZHAMBUALT]

Здраствуйте. Мне нужно сделать вот такой слайдер, где не активные элементы выходят за контейнер и их видно наполовину. Кто шарит за swiper js можете сказать как такое сделать?

Answer 1

[Виталий Першин]

Как-то так:

Comments

[DZHAMBUALT]

Спасибо это то что нужно. У меня есть еще вопрос возможно я что-то упустил, но почему то при первоначальном запуске слайдера у меня слайд перед первым слайдом не виден, а когда начинаю скролить слайд появляется, можете подсказать решение этой проблемы.

[Виталий Першин]

DZHAMBUALT, слайдер должен быть бесконечным. loop: true, и слайдов должно быть полагаю минимум 4, чтобы они все могли быть видны

[DZHAMBUALT]

Виталий Першин, я добавил 6 слайдов но эта проблема присутствует

[Виталий Першин]

DZHAMBUALT, Создайте песочницу и отдельный вопрос, так как тут очевидных решений я не вижу. В моем примере все работает, как и должно. Попробуйте подключить swiper из моего примера, возможно баг в вашей версии свипера, такое тоже бывает.

[DZHAMBUALT]

Вот код думаю всё что у меня написал. Надеюсь вас не смутит SASS.

[Виталий Першин]

DZHAMBUALT, и что я с этого кода должен понять? Код должен воссоздавать проблему. Тем более тут вообще реакт, это тоже может быть связано.