JQuery seekbar/slider script
JavaScript HTML CSS
Switch branches/tags
Nothing to show
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Failed to load latest commit information.
css
js
README.md
demo.html

README.md

jquery-seekbar

JQuery seekbar/slider script

Example of use

#Step 1: Include files

<script type="text/javascript" src="scripts/seekbar/js/jquery-1.11.2.min.js"></script>
<script type="text/javascript" src="scripts/seekbar/js/seekbar.js"></script>
<link rel="stylesheet" type="text/css" href="scripts/seekbar/css/seekbar.css"/>

#Step 2: Create html:

<div id="seekbar-container-vertical-red" 
style="width:50px;height:300px;float:left;margin-right:20px"></div>

#Step 3 Configure the widget

<script type="text/javascript">
     var redSlider = new Seekbar.Seekbar({
           renderTo: "#seekbar-container-vertical-red",
           minValue: 0, maxValue: 255,
           valueListener: function (value) {
               this.value = Math.round(value);
               updateColorPreview();
           },
           thumbColor: '#BBff0000',
           negativeColor: '#ff0000',
           positiveColor: '#CCC',
           value: 0
       });
</script>

Methods

redSlider.setValue(number) , set new value to a Seekbar. redSlider.setEnable(boolean) , disable/enable a Seekbar.