Как сделать слайдер со схлопывающимися элементами?

Question

[rmltsn]

В первую очередь хотелось бы конечно найти готовое решение, но если нет, то мысли о том как это лучше реализовать будут очень кстати.


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

Comments

[Антон Литвиненко]

непонятно

[rmltsn]

Антон Литвиненко, что непонятно?

[Антон Литвиненко]

rmltsn, та ничего из твоего скрина непонятно. поэтому и ответов немного.

[rmltsn]

Антон Литвиненко,

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

Answer 1

[rmltsn]

Нашёл решение, кому интересно, долго искал похожий слайдер, и чуть-чуть его переделал, подстроить под свои задачи уже дело техники ;)

https://codepen.io/dmitry-timofeev/pen/xxXQJgj