DHTMLX Docs & Samples Explorer

### Skins

Source

    <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>