调整容器div中的jssor滑块

时间:2014-10-17 17:09:42

标签: jssor sliders

我有3个div,第一个是#34; DivHeader",第二个" DivMenu"是一个菜单,是左边,第三个是内容" DivContent"滑块在哪里。 我对div" DivContent"有问题。因为滑块不适合div" DivContent"的大小。 我该怎么办?

1 个答案:

答案 0 :(得分:0)

请使用以下代码缩放滑块以适合您的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