Slider v 1.1.1
Sliders which extend the jQuery UI Sliders with some nice functions
Options read more about inline data attributes
Check out the jQuery slider options for the standard options
| option | default | possible values | description | since | info |
|---|---|---|---|---|---|
| value | null | number | sets a start value for a slider | 1.0 | |
| values | null | array | sets a start values for a range slider | 1.0 | |
| connect | null | id of the connected DOM element | parse the query string from the location and fill the form with the data | 1.0 | If no input field is connected the slider value will be used on form submit |
| tooltip | false | true | false | activates a tooltip on the handler(s) | 1.1 | uses the tipsy plugin |
| tooltipGravity | ['s','w'] | 'n', 'e', 's', 'w' | The position of the hadler tooltip. tooltipGravity[0] is for horizontal sliders and tooltipGravity[1] is for vertical sliders | 1.1 | value can be a simple string (optional) |
| tooltipPattern | %n | String | The pattern for the tooltip '%n' gets replaced with the current value | 1.1 |
Methods
Check out the jQuery slider method for the standard methods
| method name | arguments | description | since | info |
|---|---|---|---|---|
| value | number | sets the value of the slider. | 1.0 | |
| values | number | array | sets the values of the slider. Could be a number or an array for range sliders | 1.0 |
Usage
$(selector).wl_Slider([options]);
Calling Methods
$(selector).wl_Slider('method', [,arg [,arg]]);
Setting Values for Single Sliders
$(selector).wl_Slider('value', value);
Setting Values for Range Sliders
$(selector).wl_Slider('values', [value1, value2]); OR
$(selector).wl_Slider('values', value1, value2);
Markup
<div class="slider"></div>
Range Slider
<div class="slider" data-range="true|min|max"></div>