jssor - 调整容器 div 中的 jssor 滑块

Question

我有 3 个 div，第一个标题是“DivHeader”，第二个“DivMenu”是一个菜单，在左边，第三个是滑块所在的内容“DivContent”。我对 div“DivContent”有疑问，因为滑块不适合 div“DivContent”的大小。我能怎么做？

Answer 1

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