Take the 2-minute tour ×

I know you can make the slider go vertical, but is there a way to start it at the top and make it go to the bottom rather then the bottom and going to the top?


share|improve this question
add comment

2 Answers

up vote 4 down vote accepted
$( ".selector" ).slider({ value: 100 });

That will start the slider at the top of a default max and min slider. If you changed the max value just change were it says 100 up there to be your new max value. Few style changes and you could make it appear as your max is actually your min. Good luck.

Also quick note, then when you want to get your value since its upside down if its 100 you actually want the value to be 0 while 90 should be 10. You can get that by taking:

|(Actual Value) - 100|

in your code. There is no way to actually non ghetto rigging achieve what your goal is.

share|improve this answer
add comment

If you look at the documentation and then the source of the example it should be what you need. Just set the value accordingly.


share|improve this answer
Here I should have copied the source in. $(function() { $("#slider-vertical").slider({ orientation: "vertical", range: "min", min: 0, max: 100, value: 60, slide: function(event, ui) { $("#amount").val(ui.value); } }); $("#amount").val($("#slider-vertical").slider("value")); }); You see they have the range of the slider of 0 to 100. 0 is the bottom and 100 the top. That should be all you need. –  spinon Jun 30 '10 at 18:20
add comment

Your Answer


