Slider

Override defaults with $.fn.slider.defaults.

The slider enables the user to choose a numeric value from a finite range. When moving the thumb control along the track, a tip will display to represent the current value. The user can customize slider by setting its properties.

Dependencies

• draggable

Usage Example

When using as a form field, create slider from <input> markup.

Create slider from <div/> is also allowed but the 'value' attribute is invalid.

Create slider programatically.

Properties

$('#ss').slider({
	converter:{
		toPosition:function(value, size){
			var opts = $(this).slider('options');
			return (value-opts.min)/(opts.max-opts.min)*size;
		},
		toValue:function(pos, size){
			var opts = $(this).slider('options');
			return opts.min + (opts.max-opts.min)*(pos/size);
		}
	}
});

Events

Methods