@WebforSelf

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

Как сделать слайдер лесенкой, как на скрине? Может что-то из Slick можно слепить такое?

5ecb67dd9dcf5673070827.jpeg
  • Вопрос задан
  • 59 просмотров
Решения вопроса 1
sniggering_deus
@sniggering_deus Куратор тега CSS
I will live forever in the flame of your eyes.
В реализации такого слайдера/карусели - абсолютно нет ничего сложного.

Вот лёгкий пример:



В примере использован Swiper. С другими слайдерами не работаю, но быть может и на Slick такое можно сделать.

Как это работает:

1. Устанавливаем высоту для слайдера.
2. Вкладываем в слайды - контейнеры c position: relative; и дочерними элементами с position: absolute;.
3. Каждому отдельному элементу добавляем отдельный класс который будет отвечать за позиционирование элемента по вертикали.
4. Накладываем стили, добавляем нужные функции для слайдера.
5. Кнопки позиционируются с помощью position: absolute;.

В принципе код в песочнице достаточно простой и понять алгоритм действий не составит большого труда.
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы