On Tue, Jul 14, 2009 at 11:19 AM, Pkunzipula <pkunzip...@hotmail.com> wrote:
> > Hello Experts! > > I have been trying to comprehend the JQuery ui slider for a solid day, > and I believe that every tutorial out there skips a giant step for > beginners. Do you have some links to these? It sounds like you have some valuable feedback. It would be great to get it to the right person. > > Forget styling and options...how do you implement this Slider to begin > with? I'm trying to turn each div class="slider" in the code below > into a vertical slider (to replicate CSS overflow-y: auto, but with > more style) The presence of paragraphs in your example html below worries me that you may be attempting to misuse the slider. The jQuery UI Slider is not a content slider. It's a slider for a handle along an axis that represents a value from a min (default: 0) to a max (default: 100). Example: http://jqueryui.com/demos/slider/default.html http://jqueryui.com/demos/slider/slider-vertical.html Or for something even more minimal, and with script urls that work for saving locally: http://jsbin.com/uvegu http://jsbin.com/uvegu/edit The source code of those examples shows you how to implement the slider to begin with, but I'm not convinced that's the right plugin for your need. How would your user scroll the content? Drag-and-drop? Up and down buttons? Position of the mouse? Hover near top or bottom? Perhaps you could point to a live example of the kind of interaction you're looking for, so we could use it as a reference point. Or perhaps this is in the direction you're looking: http://jquery-ui.googlecode.com/svn/trunk/demos/slider/side-scroll.html This is a horizontal scrollbar built from a jQuery UI Slider. But notice how the content (paragraphs in your case) is a separate element from the slider itself. So that's a question for you. Would the user scroll the content by dragging the content itself, or by dragging a slider? - Richard
