A "fork" of bootstrap-slider found on http://www.eyecon.ro/ originally by Stefan Petre.
Create an input element and call .slider() on it:
$("input.slider").slider();Options can be passed either as a data (data-slider-foo) attribute, or as part of an object in the slider call.
| Name | Type | Default | Description |
|---|---|---|---|
| min | float | 0 | minimum possible value |
| max | float | 10 | maximum possible value |
| step | float | 1 | increment step |
| orientation | string | 'horizontal' | set the orientation. Accepts 'vertical' or 'horizontal' |
| value | float,array | 5 | initial value. Use array to have a range slider. |
| selection | string | 'before' | selection placement. Accepts: 'before', 'after' or 'none'. In case of a range slider, the selection will be placed between the handles |
| tooltip | string | 'show' | whatever to show or hide the tooltip. Accepts: 'show' or 'hide' |
| handle | string | 'round' | handle shape. Accepts: 'round', 'square' or 'triangle' |
| reversed | bool | false | whether or not the slider should be reversed |
| formater | function | returns the plain value | formatter callback. Return the value wanted to be displayed in the tooltip |
| Function | Description |
|---|---|
| .slider(options) | Initializes the slider |
| .slider('getValue') | Get the current value from the slider |
| .slider('setValue', newValue) | Set a new value for the slider |
| .slider('destroy') | Properly clean up and remove the slider instance |
| Event | Description |
|---|---|
| slideStart | This event fires when dragging starts |
| slide | This event fires when the slider is dragged |
| slideStop | This event fires when the dragging stops |
| slideChange | This event fires when the slider value changes as a result of dragging |