@alex_mirg

Как реализовать слайдер с двумя рядами и превью?

Добрый день,
Подскажите пожалуйста способ реализации такого слайдера?
Желательно на slick так как в проекте уже использую slick

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

Monosn1.jpg

Вот код
1 ряд работает: https://codepen.io/alex-rogochiy/pen/vvmwxv
2 ряда не работает: https://codepen.io/alex-rogochiy/pen/REVmKv

Заранее благодарю.
  • Вопрос задан
  • 444 просмотра
Решения вопроса 1
delphinpro
@delphinpro Куратор тега CSS
frontend developer
5c20f54e558e3044251378.png
вот это слайдер (slick 2x2)
А картинка справа - отдельная превьюшка.
превью меняем по клику на слайд и по событию смены слайдов.
стрелки выносим отдельным кодом и подключаем к слику.

ну и заморочки с двумя слайдерами лишнее. Просто меняем картинку и всё. ну максимум можно заморочится с fade-анимацией на картинке (плавно скрыть, удалить, создать новую, плавно показать.)
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы
20 апр. 2024, в 13:23
1000 руб./за проект
20 апр. 2024, в 12:50
30000 руб./за проект
20 апр. 2024, в 12:01
20000 руб./за проект