[jQuery ui slider-range] Graficzny wykres Opcje

[maniek74]

Witam


Chciałem za pomocą jQuery ui slider-range zrobić taki wykres do ceny:
http://www.realtor.com/realestateandhomes-.../Los-Angeles_CA
I KLIKAMY MORE FILTERS

wykres ceny

Samo tło zrobiłem:
#slider-range {
width: 279px; height: 128px; background: transparent url(../img/price_slider_background.png) no-repeat;
border: 0px;
}

ale nie wiem jak zrobić aby ciemniejszy obrazek się skalował tak jak na przykładzie, próbowałem:
.ui-widget-header {
width: 279px; height: 128px; background: transparent url({THEME_STYLE}/img/price_slider_background.png) no-repeat center bottom;
border: 0px;
}

lub

.ui-slider-horizontal {
width: 279px; height: 128px; background: transparent url(../img/price_slider_background.png) no-repeat center bottom;
border: 0px;
}

można prosić o naprowadzenie jak to zrobić?

Pozrawiam

[maniek74]

Chyba mnie nie zrozumiełeś jedynie co mi się usało zrobić to

http://mls.pl/test/pl/sprzedaz

Nie wiem jak zrobić aby zielony wykres się nie skalował tylko przycinał.

Pozdrawiam


Witam
Może inaczej się spytam.

Czy jest jakiś odpowiednik do szerokości suwaka aby zwrócił w px gdzie są suwaki coś takiego jak:

slide: function(event, ui) {
$("input[name='formSearchPriceMin']").val(ui.values[ 0 ]);
$("input[name='formSearchPriceMax']").val(ui.values[ 1 ]);
}

Pozdrawiam