I followed this tut:
http://net.tutsplus.com/tutorials/javascript-ajax/making-a-content-slider-with-jquery-ui/
but I cant make the slider function vertically. Well thats not true.
it actually does work but backwards. the handle starts on the bottom
of the slider and pulling it up causes the content to move in the same
direction. Im trying ot create a custom made scroll bar so I need it
to start at the bottom and as I pull it down, the content needs to
move up.
This is what I have
$(function() {
//vars
var conveyor = $(".content-conveyor", $("#sliderContent")),
item = $(".item", $("#sliderContent"));
//set length of conveyor
conveyor.css("height", item.length *
parseInt(item.css("height")));
//config
var sliderOpts = {
max: (item.length * parseInt(item.css("height"))) - parseInt($
(".viewer", $("#sliderContent")).css("height")),
slide: function(e, ui) {
conveyor.css("top", "-" + ui.value + "px");
},
orientation: 'vertical'
};
//create slider
$("#slider").slider(sliderOpts);
});
--~--~---------~--~----~------------~-------~--~----~
You received this message because you are subscribed to the Google Groups
"jQuery UI" group.
To post to this group, send email to [email protected]
To unsubscribe from this group, send email to
[email protected]
For more options, visit this group at
http://groups.google.com/group/jquery-ui?hl=en
-~----------~----~----~----~------~----~------~--~---
