Multiple Custom Handles using UI Slider
Hey there,
Sorry If i've posted this twice but the first time it never seemed to
show up in the group messages so heres a second go!
I was wondering if any of you guys could help me out. I'm using the
Slider for Jquery UI and am having some difficulty setting a custom
style for more than one handle.
<script type="text/javascript">
$(function() {
$("#slider").slider({ values: [2, 15] }).addClass("handle");
});
</script>
the css
.handle .ui-slider-handle{width:30px; height:30px; background:url(../
_images/deactivate_off.jpg) no-repeat; overflow: hidden; position:
absolute; top: -10px; }
and just
<div id="slider"></div> for the HTML
This works for setting each handle to the style i specified above.
However I was wondering if it was possible to apply a different style
to each handle within the slider. I tried using .each and applying a
new style after the slider has been made but I couldn't get that to
work. Is there a simple solution for this?
Cheers
Zay