Skip to content
master
Go to file
Code

Latest commit

 

Git stats

Files

Permalink
Failed to load latest commit information.
Type
Name
Latest commit message
Commit time
css
 
 
js
 
 
 
 
 
 

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.

About

JQuery seekbar/slider script

Resources

Releases

No releases published
You can’t perform that action at this time.