Задать вопрос
@kachurinets
javascript

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

5c06e189a5969764620177.png
Есть такой дизайн товара. Нужно чтобы по нажатию на миниатюру, показывалась большая картинка и при нажатии на большую картинку она увеличивалась .
Я так понимаю сюда можно подключить слайдер, а как сделать чтобы клик на миниатюре, менял главную картинку. Есть ли смысл для этих действий подключать какую-то либу?
  • Вопрос задан
  • 319 просмотров
1 комментарий
Подписаться 2 Простой 1 комментарий
Решения вопроса 1
sadieff
@sadieff
Нажимаю клавиши в нужной последовательности
Присмотритесь к карусели slick kenwheeler.github.io/slick
там есть пример Slider Syncing
Ответ написан
Комментировать
Комментировать
Пригласить эксперта
Ответы на вопрос 1
@dimoff66
Кратко о себе: Я есть
а как сделать чтобы клик на миниатюре, менял главную картинку


Сделать картинки невидимыми, при клике на миниатюру соответствующей большой картинке устанавливается допустим класс visible, который делает ее видимой, у остальных этот класс снимается.
Ответ написан
Комментировать
Комментировать
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы
Вакансии с Хабр Карьеры
JavaScript разработчик
SummerWeb • Ярославль
от 100 000 до 140 000 ₽
JavaScript разработчик
вАйТи
от 5 000 до 25 000 ₽
JavaScript разработчик
Мэтч
от 80 000 ₽
Ещё вакансии
Заказы с Хабр Фриланса
Нужен таргетолог нашего сайта
23 апр. 2024, в 15:57
10000 руб./за проект
3d модель накладок для наушнико
23 апр. 2024, в 15:55
1000 руб./за проект
Игровой проект VRussia online в поисках опытного backend разработчика
23 апр. 2024, в 15:54
500 руб./в час
Ещё заказы