Как сделать изогнутый слайдер?

Такие дела.
Накидал макет, ибо NDA:
0c5b05404d90486897f52fa0b0b1560a.png

Соль вот в чем:
Продукты имеют градиентный размер (по аналогии с доком в macOS), соответственно выделенный - самый большой, чем дальше от него - тем меньше размер.
Выделять можно кликом по продукту, стрелко-кнопками на концах карусели и слайдером в левом нижнем углу.

И вот этот слайдер создает больше всего вопросов.
Как сделать его таким изогнутым, чтобы ползунок шел по кривой?
И как его соединить с каруселью - какие-то координаты отслеживать? Вообще не представляю.
  • Вопрос задан
  • 594 просмотра
Пригласить эксперта
Ответы на вопрос 3
webinar
@webinar
Учим yii: https://youtu.be/-WRMlGHLgRg
js + svg
Вот простой пример: ruseller.com/lessons.php?rub=2&id=2783 так как не думаю что есть изогнутые.
Ответ написан
whoisthere
@whoisthere
Не благодари. Жми «Нравится»
Копайте в этом направлении.
Path Animation
Ответ написан
Комментировать
lxsmkv
@lxsmkv
Test automation engineer
Думаю ближе всего по принципу действия, элемент управления типа "регулятор громкости".
KnobKnob или JogDial
1689.jpg
хотя пожалуй ближе к такому
jQuery Knob
только двигаться он будет у вас только в пределах 90 градусов.

...искал по запросам "Volume Control js" и "Knob control js"
Ответ написан
Комментировать
Ваш ответ на вопрос

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

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