Возможно ли сделать jQuery UI Slider с картинкой в ползунке?

Question

[Александр Соболев]

Здравствуйте!
Подскажите пожалуйста как..или может где посмотреть, почитать..
Как сделать jQuery слайдер с "ползунком", внутри которого картинка, меняющая к примеру насыщенность (от чб к цвету) или прозрачность в зависимости от выбранного значения?

Answer 1

[0xD34F]

Добавляете картинку в ползунок:

$slider.find('.ul-slider-handle').html(`<img src="${imageSrc}">`);

При изменении позиции ползунка обновляете интересующее вас css-свойство:

slide(e, ui) {
  $(this).find('.ui-slider-handle img').css('opacity', в зависимости от ui.value);
},

https://jsfiddle.net/4a1xnp0e/1/