SliderBar

hi guys,
I am a new Javascript user.
I have wrote this code for having a slideBar. But it doesn’t work…Please let me know what the problem is.
tnx

//////////////////////////////////////////////////////////////////////////
<%@page contentType=“text/html” pageEncoding=“UTF-8”%>

</head>
<body>
    <script>
        window.dhx_globalImgPath="/home/majid/Java/my project/dhtmlxSlider/codebase/imgs/skins/ball";
    </script>

    <script src="/home/majid/Java/my project/dhtmlxSlider/codebase/dhtmlxcommon.js"></script>
    <script src="/home/majid/Java/my project/dhtmlxSlider/codebase/dhtmlxslider.js"></script>    
    <script  src="/home/majid/Java/my project/dhtmlxSlider/codebase/ext/dhtmlxslider_start.js"></script>
   
    <link rel="stylesheet" type="text/css" href="/home/majid/Java/my project/dhtmlxSlider/codebase/dhtmlxslider.css">

    <div id="slider"></div>

    
    <script>
        var sld = new dhtmlxSlider("slider", {
            size:100,           
            skin: "ball",
            vertical:false,
            step:1,
            min:1,
            max:100,
            value:50           
        });
        sld.setImagePath("/home/majid/Java/my project/dhtmlxSlider/codebase/imgs/"); // should be used after creation of slider's object
        sld.init();
    </script> 
    
    <table><tr><td id="slider2"></td><td id="slider1"></td></tr></table>
    <script>

        var sliderVer = new dhtmlxSlider("slider1", 200, "default", true);
        sliderVer.init();

    </script>

</body>

Hi,

what exactly doesn’t work ? Code seems to be correct except image path.

It should be
window.dhx_globalImgPath="/home/majid/Java/my project/dhtmlxSlider/codebase/imgs/";
instead of
window.dhx_globalImgPath="/home/majid/Java/my project/dhtmlxSlider/codebase/imgs/skins/ball";