DHTMLX Docs & Samples Explorer

Initialization

Horizontal slider

Vertical slider

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"> <div id="sliderBox"></div> <script>
var slider = new dhtmlxSlider("sliderBox", 200);
slider.setImagePath("../../codebase/imgs/");
slider.init();
</script> <table><tr><td id="sliderBox2"></td><td id="sliderBox1"></td></tr></table> <script>
var sliderVer = new dhtmlxSlider("sliderBox1", 200, "default", true);
sliderVer.init();
</script>