Как реализовать данный блок?

Суть в следующем При клике на 1 из фото (которые внизу) всплывает попап (основной блок на фото)

У данного попапа должно быть следующее

1. Слева (блок с датами) выбирается активный слайд в зависимости от того, на какую фотку мы кликнули. Этот блок является также слайдермо как мы видим

2. В правой части также есть слайдеры. Их два :

Один - самая большая фотка
Второй - черная полоса внизу - это превьюшки большой фотки, но при этом они сами слайдер

На сайте используется slick slider и magnific popup

Возможно ли с использованием данных инструментов реализовать данный блок? Заранее спасибо!
  • Вопрос задан
  • 157 просмотров
Решения вопроса 1
bootd
@bootd Куратор тега CSS
Гугли и ты откроешь врата знаний!
Всё просто, как 2 пальца.

Идём сюда, из доки берём пример с модальным окном. Создаём его. В это окно создаём разметку.

Использовав коллбек open, внутри него, делаем инициализацию slick слайдеров. Вертикального и горизонтального. Ну и всё. Дальше сами
Ответ написан
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

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

Похожие вопросы