Slider UI control scripts and demos
-
- sliders
-
Webfx.eae.net - Webfx slider
Slider - Degrades gracefully with JavaScript disabled. Full mouse support. Full keyboard support when the slider is focused. Mouse wheel support in IE. Skinable with CSS.
Accessible
Slider
-
Filamentgroup.com - Developing Accessible Slider
A Slider based on an "element API" - a script that combines a form element for relevant information (data values, key structural characteristics), and uses that information to build a new widget on the fly and insert it into the DOM. Describes & demos a test case that outlines our process for making this work. Using Progressive Enhancement to Convert a Select Box Into an Accessible jQuery UI Slider is a JQuery plugin for download to add an accessible slider to a web page.
Jquery
Accessible
Slider
-
Jquery.com - Slider
Slider using jquery and UI. View the options for setting up the slider and adding state change functions.
Jquery
Slider
-
Frequency-decoder.com - Accessible Slider
Accessible, unobtrusive sliders - horizontal & vertical with callback function demo. Keyboard operable when slider has focus.
Accessible
Slider
-
Blueshoes.org - JavaScript Slider
Set min-value, max-value, default-value, step-values, left/right arrows, enter a value into the field, use an api function, mouse wheel (IE only), Attach onChanges event. Includes: Slider with two knobs.
Slider
-
Mathertel.de - Multiple page property controls
Demonstrates how multiple controls can be attached to page properties. Values can be changed by using ths input fields or the sliders and are displayed the current values as a small chart.
AjaxEngine
Slider
-
Yahoo.com - YUI Slider
The Slider component is a UI control that enables the user to adjust values in a finite range along one or two axes. Typically, the Slider control is used in a web application as a rich, visual replacement for an input box that takes a number as input.. This is a demo with a split button slider demonstrates a cange in an image's opacity.
YUI
Slider
-
Softcomplex.com - Tigra slider
Vertical and horizontal sliders: Any number of controls can be added to any number of forms. Attaches to the existing form input (text or hidden), synchronizes both ways. Result is mapped to value from specified numeric range, discrete values (increments) / precision. Customizable appearance, input validation (specify range)
Lightweight, All modern browsers supported, Object oriented, Easy setup - samples and documentation provided. The script is free for any applications. This Slider manipulation tutorial may help.
Slider
-
Web20online - Accessibile slider
Slider created for the web20 accessibility course. Uses ARIA markup and CSS classes to configure the slider.
Accessible
Slider
-
Phatfusion.net - Slider
Includes 'stepped' interface - you can alter the onTick behavior, for example displaying an effect of the knob moving to the desired position. Passes as a parameter the new position.
MooTools
Slider