Как сделать слайдер с прикрепленным к текущей позиции тултипом?

Question

[Расул Гитинов]

Здравствуйте.

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


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

Есть ли плагины с таким функционалом? Может кто сталкивался.

Comments

[Ankhena]

https://jsfiddle.net/01kxezqs/ Визуальные эффекты дорабатывайте

Answer 1

[Антон]

Возьмите Slick JS для слайдера, переделайте dots в ячейки, напишите событие по ховеру. Вычислите координаты ячейки и по событию двигайте блок к этим координатам, забирая в блок инфу либо из дата атрибутов, либо откуда-то еще.