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

Question

[schip454]

Всех приветствую, нашел макет в интернете и какой день уже не могу понять как реализовать.

Суть:
Можно тащить туда сюда курсором или пальцем (в сенсорных экранах)
Когда пользователь наводит мышь в блок строки или тащит её пальцем, она должна останавливаться.

Когда пользователь наводит мышь на категорию, то она заливается тёмным цветом
При этом изображение в обложке меняется на фотографию, которая относится к категории

В дефолтном состоянии изображения в обложке должны плавно меняться.

Изображение меняется в соответствии с категорией, на которую навёл пользователь

Comments

[Вадим]

Слайдер с autoplay и обработчиком событий клика\наведения.

Answer 1

[xxvxx]

да тут используется обычный слайдер, с низу миниатюры, при клике на которую добавляется класс active
Вот ссылка на слайдер с твоим примером