Как сделать слайдер на swiper, в котором активный слайд всегда крайний слева?

Question

[Appolos]

Мне нужно сделать слайдер карусель swiperjs, как в этом примере https://codepen.io/kristen17/pen/BaGEeKe
Но активный слайд должен быть крайним слева, а все последующие слайды уменьшены в размере.

Здесь видео, как должен отрабатывать слайдер https://skrinshoter.ru/vSkii8DzT7T

Как ни странно, вроде бы задача простая, но никто не может справиться, в том числе и я. Пожалуйста, помогите.

Comments

[Ankhena]

Скройте левые, оставшееся подвиньте влево.
Поищите на codepen, там полно готовых аналогичных примеров.

[Appolos]

Ankhena, Уже 10 дней ищу подобный вариант на codepen. Более того, давал задачу на бирже 3 программистам, никто не смог сделать. А вы пишете, что вариантов полно.

[Appolos]

Ankhena, Тот вариант, который вы описали, не подходит совсем. На видео видно, что активный слайд должен быть крайний слева. При свайпе он перемещается и становится крайним справа.

[Ankhena]

Appolos, вот первый попавшийся
https://codepen.io/get-web/pen/qBeGjrP
Дорабатывайте или ищите похожие.

[Appolos]

Ankhena, Вы меня поразили. А как нашли? Я 10 дней искал, дал программистам на бирже, у 1 из них более тысячи выполненных задач, никто не смог сделать и нагуглить. Просто интересно, как? Я за 10 дней во всем интернете пересмотрел тысячи слайдеров.

Answer 1

[Руслан Аксёнов]

Первая мысль это на js написать функцию которая бы от левого к парвому будет умменьшать масштаб через transform (scale). Например для видео с 6 картинками будет 100, 80, 60, 40, 20, 10 %.