This example demonstrates a simple horizontal dual-thumb Slider implementation. Some characteristics to note include the following:
Raw values:
You supply your own markup for the slider. Keep in mind the following points about markup for YUI Dual Thumb Slider Control implementations:
<img> elements rather than a CSS background for the thumbs to get around a performance bottleneck when animating thumb positions in IE.relative or absolute.absolute and be initially placed at the zero position of the background. Set their initial position in the constructor if desired.CSS:
Markup:
Code:
Note: You are viewing this example in debug mode with logging enabled. This can significantly slow performance.
Copyright © 2008 Yahoo! Inc. All rights reserved.
Privacy Policy - Terms of Service - Copyright Policy - Job Openings