YUI recommends YUI3.
YUI 2 has been deprecated since 2011. This site acts as an archive for files and documentation.
This documentation is no longer maintained.
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.
All YUI 2.x users should review the YUI 2.8.2 security bulletin, which discusses a vulnerability present in YUI 2.4.0-2.8.1.
Copyright © 2013 Yahoo! Inc. All rights reserved.