привет
Нужно сделать инструкцию с помощью слайдера Slick.
Тех требования:
- слайдер должен открываться в модальном окне после нажатия на кнопку
- переключение экранов по нажатию на наэкранные кнопки и на кнопки на клавиатуре
- автоматическая смена экранов (по кругу: 1-2-3-1-2-3-...)
- текст отдельно от изображений (как отдельные сущности)
- верстка должна быть адаптивной:
{Смартфоны — 320 пикселей, 480 и выше;
Планшеты — 768 пикселей и выше;
Нетбуки — 1024 пикселей и выше;
Мониторы — 1280 пикселей, 1600, 1920 и выше}
Важно, чтобы слайдер в модальном окне грамотно отображался на разных устройствах и разрешениях (см пункт выше), т.е размер модального окна должен подстраиваться под расширение экрана и корректно отображать слайдер с кнопками.
Как должен выглядеть результат:
Готовый архив с файлами, который можно распаковать, открыть html и посмотреть на результат работы:
1. На странице есть кликабельная кнопка
2. Нажимаем на кнопку
3. Открывается модальное окно со слайдером и кнопками перемотки (стрелки). Под слайдером должна быть кнопка (за пределами контейнера, содержащего слайдер), как на прикрепленном видео.
В фигме реализован макет для десктопа и мобилки, ссылка –
Описание Slick –
Видео с примером работы готового слайдера во вложении.
Готов ответить на вопросы.