jQuery Sliders

Sliders is a lightweight jQuery plugin that creates easily-styleable range sliders.

Download (v1).zipor just get the minified JS (1.2kb)

Themes

Light
Dark
iPhone
Modern
Soft

Examples

Set the default value

$('.slider').sliders({value:4});

Set min/max range

$('.slider').sliders({min:10,max:100});

Set the step

$('.slider').sliders({step:0.1});

No Click

$('.slider').sliders({click:false});

No Drag

$('.slider').sliders({drag:false});

Inherit from an input

<input type="range" class="slider" max="11" min="0" step="0.1"> $('.slider').sliders();

Control a range input

$('.slider').sliders({input:$('.my-range-input')});
MIT License. A link to my Twitter or this page would be greatly appreciated.