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 combs 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.
Jquery
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
-
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
-
Script.aculo.us - Slider
An easy-to-set-up slider using scriptaculous. Simply set the handle and track IDs and any of the available options to configure the slider and functions to let javascript update its state. Aldenta.com has a two coloured scriptaculous slider.
Prototype
Slider
-
Jquery.com - Slider
Slider using jquery and UI. View the options for setting up the slider and adding state change functions.
Jquery
Slider
-
Web20online - Accessibile slider
Slider created for the web20 accessibility course. Uses ARIA markup and CSS classes to configure the slider.
Accessible
Slider