<script>
window.dhx_globalImgPath = "../../codebase/imgs/";</script>
<script  src="../../codebase/dhtmlxcommon.js"></script>
<script  src="../../codebase/dhtmlxslider.js"></script>
<script  src="../../codebase/ext/dhtmlxslider_start.js"></script>
<link rel="STYLESHEET" type="text/css" href="../../codebase/dhtmlxslider.css">
 
   
<ul>There are 3 values which define output value of slider:
<li>Limit - maximum value - 100</li>
<li>Step - size of shifting - 1 by default</li>
<li>Shift - this value added to current slider position, so you can define sliders which starts not from </li>
</ul>
<br><br>
<input id="input1" type="text">
<script>
//slider 0-100, step 1;
var slider1 = new dhtmlxSlider(null, 500);
slider1.linkTo('input1');
slider1.init();</script>
<br><br>
<input id="input2" type="text">
<script>
//slider 100-300, step 1;
var slider2 = new dhtmlxSlider(null, 500, null, null, 100, 300);
slider2.linkTo('input2');
slider2.init();</script>
<br><br>
<input id="input4" type="text">
<script>
//slider 0-1, step 0.02;
var slider3 = new dhtmlxSlider(null, 500, null, null, 0, 1, 0.5, 0.02);
slider3.linkTo('input4');
slider3.init();</script>