Submit your widget

jQuery Slider

Created 9 years ago   Views 28119   downloads 3323    Author khmelev
jQuery Slider
View DemoDownload 76.9 KB
171
Share |

jQuery Slider is easy to use and multifunctional jQuery plugin.

Documentation

  • from — [number] left limit
  • to — [number] right limit
  • step — [number] step of pointer
  • round — [number] how many numbers after comma
  • heterogeneity — [array] (percentage of place)/(value of place)
  • dimension — [string] show this after number
  • limits — [boolean] show or not limits
  • scale — [array] labels under slider, ‘|’ — show just line
  • skin — [string] if you define new skin, just write here his name, in sources defined blue skin for example
  • calculate — [function(value)] function to calculate final numbers, for example time.
  • onstatechange — [function(value)] function fires while slider change state.
  • callback — [function(value)] function fires on “mouseup” event.

New features

  • $(“.selector”).slider() — get inner slider object
  • $(“.selector”).slider( “value” ) — get values scope
  • $(“.selector”).slider( “value”, opt_pointer1, opt_pointer2 ) — set values to pointers
  • $(“.selector”).slider( “prc” ) — get percentage values scope
  • $(“.selector”).slider( “prc”, opt_pointer1, opt_pointer2 ) — set percentage values to pointers
  • $(“.selector”).slider( “calculatedValue” ) — get values scope from “calculate” function
  • $(“.selector”).slider( “skin”, skin ) — set skin to slider

Further features

  • Change pointer’s value by clicking on scale
  • Disable (fix) pointers or whole slider
  • Coloured portion for one pointer’s slider
  • Vertical placement