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

Question

[arsenalfangun]

Как реализовать такой слайдер? При наведении на определенную часть меняется картинка и меняется положение линии. Гуглю и везде обычные слайдеры. Дайте пожалуйста наводки, как называется такой тип слайдера и что вообще гуглить.

Comments

[Maxim Kirshin]

тебе и нужен обычный слайдер, просто слегка кастомизировать

https://stackoverflow.com/questions/47238245/stop-...

Answer 1

[Антон]

Это даже не слайдер.

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

Всё

Comments

[Pashok Doom]

А при уводе мыши с карточки - переброс на первую картинку, по классике

Answer 2

[Lord_Dantes]

Можно использовать Owl Carousel 2, правда он не поддерживает больше но тем не менее. Там есть события и при наведении например, можно сделать событие перелистывания или автоперелистывания.