<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">
 
   
<select onChange="changeSkin(this.value);">
<option value="">Default</option>
<option value="ball">Ball</option>
<option value="zipper">Zipper</option>
<option value="arrow">Arrow</option>
<option value="arrowgreen">Arrow green</option>
<option value="simplesilver">Simple Silver</option>
<option value="simplegray">Simple Gray</option>
<option value="bar">Bar</option>
<option value="dhx_skyblue">SkyBlue</option>
</select>
<br><br>
<script>
var slider1 = new dhtmlxSlider(null, 300, "");
slider1.init();
document.write("<br/>");
document.write("<br/>");
var slider2 = new dhtmlxSlider(null, 100, "", true);
slider2.init();
function changeSkin(skin) {
    slider1.setSkin(skin);
    slider2.setSkin(skin);
}</script>