MUA Slider is a cleaner interface into the Mootools slider. They have a great slider, but it requires a bunch of ugly markup and it only supports one knob. I needed a dual knob/range slider and I wanted a script that could give it to me with minimal markup and control over the default size without editing my external css files (but without losing the ability to use css for it if I wanted).
MUA Slider is the result. It supports 1 or 2 knobs, horizontal and vertical alignments, and has minimal markup required. It can inject the slider for you in or after any dom element and can even replace it if you want, allowing for super easy non-js fallback to two input fields.
It appears to work in Firefox, Chrome, and IE 8/9. More testing feedback is welcome and, as always, when you find a bug let me know in the comments.
MUASlider is licensed MIT, so you can do anything you want with it. It would be cool if you left a comment here about where you are using it.
Example:
MUA Slider in action
Working Demo:
Change Log:
- 2.0.2 – 2011-05-15:
First public release
- 2.0.3 – 2011-06-11:
- Added set link to slider.set to fit expected behavior
- Fixed DualSlider.set and DualSlider.set2 for setting either knob or both using JS
Recent Comments