This example uses the YUI Slider Control to implement a basic horizontal slider with tick marks & that is, with predefined intervals at which the slider thumb will stop as it's dragged. (By default, a slider thumb can be dragged one pixel at a time.)
Here are some important characteristics of this implementation:
Pixel value: 0
Converted value:
You supply your own markup for the slider. Keep in mind the following points about markup for YUI Slider Control implementations:
thumb-n.gif
thumb image from the build assets<img>
element rather than a CSS background for the thumb to get around a performance bottleneck when animating the thumb's position in IE.CSS:
Markup:
Code:
.
Note: Logging and debugging is currently turned off for this example.
Copyright © 2008 Yahoo! Inc. All rights reserved.
Privacy Policy - Terms of Service - Copyright Policy - Job Openings