JQuery seekbar/slider script
JavaScript HTML CSS
Latest commit 9d128c2 Aug 2, 2016 @DHTMLGoodies Resolved conflict
Permalink
Failed to load latest commit information.
css Added files Sep 28, 2015
js Click event on seekbar Aug 2, 2016
README.md readme Sep 28, 2015
demo.html Added files Sep 28, 2015

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>