Interface elements for jQuery - Documentation - Slider

Slider

Creates vertical, horizontal or rectacle sliders with one or more indicators.

example

Options:

accept	string or DOMElement	manadatory	the indicators inside the slider
fractions	integer	optional	the slider is devided in fractions. Example: if you use 4 fractions then the indicator snaps to 0%, 25%, 50%, 75%, 100%
onSlide	function	optional	callback triggered while the indicator is moved. Return 4 parameters: x proccentage, y proccentage, x coordonate, y coordonate
onChange	function	optional	callback triggered when the indicator is moved atleast by oen pixel. Return 4 parameters: x proccentage, y proccentage, x coordonate, y coordonate
values	array	optional	array containing arrays of pairs values for the indicators
restricted	boolean	optional	if true the slider indicator can not be moved beyond adjacent indicators

Code sample:

$('.slider1').Slider(
	{
		accept : '.indicator',
		fractions : 4,
		onSlide : function( cordx, cordy, x , y)
		{
		document.getElementById('cordx').value = cordx + '%';
		document.getElementById('cordy').value = cordy + '%';
		},
		values: [
			[70,70]
		]
	}
);

SliderSetValues

You can change the values for indicators in sliders, and so move the indicator acording to the values.

Options:

values

array

mandatory

array containing arrays of pairs values for the indicators

$('.slider1').SliderSetValues(
	[
		[20,50],
		[200,200]
	]
)