Возможен ли диапазон / фон заштрихованного слайдера jqueryui? - PullRequest
Новая
       13

Возможен ли диапазон / фон заштрихованного слайдера jqueryui?

1 голос
/ 25 января 2011

Можно ли заштриховать диапазон / фон ползунка jqueryui или даже заполнить его цветным градиентом (см. http://upload.wikimedia.org/wikipedia/commons/5/5d/Unintuitive-rgb.png)

. Речь идет не только об изменении цвета, но и о его изменении от красного-> зеленый в зависимости от определенных переменных - которые, конечно, могут меняться во время выполнения ...

Любая помощь приветствуется!

1 Ответ

0 голосов
/ 25 января 2011

Да, это возможно.

Вам просто нужно установить фон вашего слайдера. 

<div id="slider" style="background:black"></div>

Это заставит слайдер иметь черный фон.

Это легкая часть.Вопрос в том, как вы создадите градиент?

Для реализации CSS смотрите http://www.webdesignerwall.com/tutorials/cross-browser-css-gradient/ Возможно, вы захотите взглянуть на опцию cssHooks в jQuery, чтобы упростить ее.См. Также https://github.com/brandonaaron/jquery-cssHooks для некоторых примеров (есть градиент.js cssHook, но, насколько я проверял, он не поддерживает IE).

Для наилучшего результата вы можете захотетьвместо этого установите фоновое изображение, например: 

<div id="slider" style="background:url(creategradient.aspx?from=000&to=FFF&height=5&width=100)"></div>

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

...