It is possible to supply configuration options to the pips plugin, this allows some basic way to control how the pips/floats are handled.
$(".slider") .slider() .slider("pips", { /* options go here as an object */ }) .slider("float", { /* options go here as an object */ })
A list of all the options available on the pips method:
Option | Values | Default | Description |
---|---|---|---|
first
|
"label" ,
"pip" or
false
|
"label"
|
Determines the style of the first pip on the slider |
last
|
"label" ,
"pip" or
false
|
"label"
|
Determines the style of the final pip on the slider |
rest
|
"label" ,
"pip" or
false
|
"pip"
|
Determines the style of all other pips on the slider |
step
|
number
|
1 / 5%
|
The note: if the slider has a value over 100, step is set to 5% of the value |
labels
|
array or
object or
false
|
false
|
Will override the values of the pips with an array of given values. |
prefix
|
string
|
""
|
Adds a string value before the pip label. |
suffix
|
string
|
""
|
Adds a string value after the pip label. |
A list of all the options available on the float method:
Option | Values | Default | Description |
---|---|---|---|
handle
|
boolean
|
true
|
Determines if the float effect should appear on the slider handle |
pips
|
boolean
|
false
|
Determines if the float effect should appear on the pips |
labels
|
array or
object or
false
|
false
|
Will override the values of the floats with an array of given values. |
prefix
|
string
|
""
|
Adds a string value before the float label. |
suffix
|
string
|
""
|
Adds a string value after the float label. |