Как при помощи swiper добиться такого расположения слайдов?

Question

[Дима Паутов]

Здравствуйте!

Пытаюсь при помощи свайпера решить такую задачу, что бы расположить слайды таким образом.

Скрин

Пробовал несколько модулей для решения, это Creative Effect и Cards Effect т.к. они больше всего визуально напоминают данное отображение.

Но к сожалению, у меня не вышло построить из них что-то вменяемое. Возможно руки не из того места.

Помогите пожалуйста, может кто-то уже реализовывал на данном слайдере подобный эффект или, если не затруднит, накидайте пример. Если такой вариации нет, то буду пробовать решать своими силами данный эффект.

Answer 1

[Сергей delphinpro]

как вариант сделать слайды шириной 50-80 пикселей. Внутри слайдов картинки и им указать больший размер. Они будут выходить за пределы своего контейнера.Лишние слайды прятать, отталкиваясь от классов активного слайда.
Сейчас лень показывать. Если сами не справитесь, напомните завтра, накидаю пример.

Comments

[Дима Паутов]

Суть понял, спасибо большое за идею!!

Но я решил чуть проще, без слайдера, на vue transition, т.к. проект на vue.

Ещё раз спасибо за идею.

накидал пример того, как я это решил на vue, вдруг кому будет интересно

https://play.vuejs.org/#eNqFVW1v2jAQ/iu3bFOp1qRQoJ...