jssor - コンテナー div の jssor スライダーを調整する

Question

最初の「DivHeader」、2番目の「DivMenu」はメニューで左、3番目はスライダーがあるコンテンツ「DivContent」の3つのdivがあります。スライダーが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