If you start counting at 0, then 0-7 = 8. If you don't want 0 as an option, then set min = 1.
On Feb 2, 11:27 pm, Albert Lai <[email protected]> wrote: > Hello~ I am using jQuery 1.3.1 + jQuery UI 1.6rc6 for the slider in my > page. > I used the following coding to init the slider: > > // JS Coding > $(document).ready(function(){ > $('#myslider').slider({ min: 0, max: 7, step: 1 }); > > }); > > <!-- HTML Coding --> > <div id="myslider" style="width: 80px;"></div> > > /* CSS */ > .ui-slider-handle{ > background: url(myhandle.png) 0 0 repeat-x; > width: 10px; > > } > > So, there should be 8 steps for this slider. > But I found that the handle moved outside the rail when the value is > 7. > In firefox firebug console, I discovered that the handle increase the > css left property for 14.28% ( 100% / 7 ) on slide. > It should be increase 12.5% ( 100% / 8 ) instead. Also, when value > equals to 7, the left property should be ( 7 / 8 * 100% ) > > Thanks a lot for help~ --~--~---------~--~----~------------~-------~--~----~ 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 -~----------~----~----~----~------~----~------~--~---
