Как сделать такой слайдер?

Question

[igix]

Добрый.

Подскажите, как реализовать такой слайдер?
Работаю со slick и swiper слайдером, но так не получается сделать.
Есть какие-нибудь идеи?

Спасибо!

Answer 1

[profesor08]

По клику на правую кнопку, перемещай последний элемент на позицию первого, а все остальные на одну позицию назад. Про z-index не забудь и transition. По клику на левую все наоборот. Тут тебе ненужны никакие сторонние слайдеры. Все положения прописываешь в css, у тебя их пять. Потом на js задаешь нужный класс каждому элементу и они сами переместятся.

Comments

[igix]

Еще бы это в виде кода все реализовать. Тут полноценный слайдер придется делать :) Кол-во элементов для отображения 5, а так они динамически будут добавляться.

[profesor08]

igix, можно сгенерировать позиции на js и подставлять. Ничего сложного тут нет. Поделил расстояние на кол-во элементом и получил шаг(расстояние между соседними).

[igix]

Отмечу, решением.