Как изменять вид ползунка в слайдере?

Question

[Raneto4ka]

Есть слайдер-ползунок, работающий с помощью jquery-ui.
https://codepen.io/Raneto4ka/pen/WBMmer
И есть задача - менять вид ползунка при изменении его положения.
Например: вместо стандартного кружка будут смайлы (меняются от грустного к веселому), или этот кружок должен заполняться цветом в процессе перетаскивания, или менять свой размер (сначала мелкий, постепенно увеличивается приближаясь к 100%).
Это вообще реально сделать? Подобных примеров нигде не нашла, и не знаю с чего начать даже.

Comments

[Ragtime Kitty]

https://codepen.io/thebabydino/pen/vwJeJN
https://codepen.io/joshuajcollinsworth/pen/OYgGNK

[Raneto4ka]

оооооо! спасибо вам преогромное, кажется, это то, что нужно!

Answer 1

[Шохрух Шаймардонов]

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