@arsenalfangun

Как сделать слайдер при наведении?

5f869fa27d0f4459349807.pngКак реализовать такой слайдер? При наведении на определенную часть меняется картинка и меняется положение линии. Гуглю и везде обычные слайдеры. Дайте пожалуйста наводки, как называется такой тип слайдера и что вообще гуглить.
  • Вопрос задан
  • 52 просмотра
Решения вопроса 1
Eridani
@Eridani
Мимо проходил
Это даже не слайдер.

Поверх картинки накладываются N блоков в ряд, где N = кол-ву изображений.
Соответственно, у каждого N блока в data атрибуте есть путь к своему изображению.
По наведению на этот блок, берем адрес изображения из data и подставляем в основной блок с изображением.

Всё
Ответ написан
Пригласить эксперта
Ответы на вопрос 1
Lord_Dantes
@Lord_Dantes Куратор тега CSS
Чат джунов t.me/developersjunior
Можно использовать Owl Carousel 2, правда он не поддерживает больше но тем не менее. Там есть события и при наведении например, можно сделать событие перелистывания или автоперелистывания.
Ответ написан
Ваш ответ на вопрос

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

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