[Solved] Range slider multiple steps
Is is possible to have a range slider that can have multiple steps?
so for example
<script type="text/javascript">
$(function() {
$("#slider-range").slider({
range: true,
min: 0,
if(ui.values[1] >100)
{step:50;}
else
{step:25;}
max: 500,
values: [75, 300],
slide: function(event, ui) {
$("#amount").val('$' + ui.values[0] + ' - $' + ui.values[1]);
}
});
$("#amount").val('$' + $("#slider-range").slider("values", 0) + ' - $' + $("#slider-range").slider("values", 1));
});
</script>
the reason is that I have a range slider that has a price from 500 to 100,000 I want the range from 500 to say 5000 to step every 100 but over 5000 I would want it to step every 1000 or something to that nature. Everything I have tried does not work and I cant see to find any examples of how to do such a thing online.
Any help would be greatly appreciated.
Thanks.