jquery - Jquery UI スライダーの背景画像をスライダー ボタンの左半分だけに設定する方法はありますか?

Question

一言で言えば、JQuery UI Slider を次のようにしたいと考えています。

スライダーの左半分だけに色を付けて、いずれかの方向にスライドしたときに色を調整する方法はありますか?

http://denniswaltermartinez.com/jqueryslider.png

Web ホスティングが機能していない場合の画像。

Answer 1

画像は私にとってはうまく見えました。

スライダーの背景（左側のみに色を付ける）のスタイルを設定するためのCSSをいくつか示します。

#idOfSlider .ui-slider-range { background: #ef2929; }

色を調整するには：

function refresh()
{
  $('#idOfSlider').find('.ui-slider-range').css('background-color', 'red');
}

$( "#idOfSlider" ).slider({
   range: 'min',
   slide: refresh,
   change: refresh
});