san_jorich
@san_jorich
Творческий кодер

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

Здравствуйте!
Подскажите пожалуйста как..или может где посмотреть, почитать..
Как сделать jQuery слайдер с "ползунком", внутри которого картинка, меняющая к примеру насыщенность (от чб к цвету) или прозрачность в зависимости от выбранного значения?
  • Вопрос задан
  • 31 просмотр
Решения вопроса 1
0xD34F
@0xD34F Куратор тега jQuery
Добавляете картинку в ползунок:

$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/
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

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

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