настроить ползунок jssor в контейнере div

У меня есть 3 div, первый из которых называется «DivHeader», второй «DivMenu» — это меню и остается слева, а третий — это содержимое «DivContent», где находятся ползунки. У меня проблема с div "DivContent", так как ползунки не соответствуют размеру div "DivContent". Как я могу сделать?


sliders jssor
person rent84    schedule 17.10.2014    source источник

Ответы (1)


arrow_upward
0
arrow_downward

Используйте следующий код, чтобы масштабировать ползунок в соответствии с шириной вашего «DivContent».

        var jssor_slider1 = new $JssorSlider$(...;
        //responsive code begin
        //you can remove responsive code if you don't want the slider scales while window resizes
        function ScaleSlider() {
            var parentWidth = jssor_slider1.$Elmt.parentNode.clientWidth;
            if (parentWidth)
                jssor_slider1.$ScaleWidth(parentWidth);
            else
                window.setTimeout(ScaleSlider, 30);
        }

        ScaleSlider();

        if (!navigator.userAgent.match(/(iPhone|iPod|iPad|BlackBerry|IEMobile)/)) {
            $(window).bind('resize', ScaleSlider);
        }


        //if (navigator.userAgent.match(/(iPhone|iPod|iPad)/)) {
        //    $(window).bind("orientationchange", ScaleSlider);
        //}
        //responsive code end
person jssor    schedule 18.10.2014