增加滑块 Jssor 的宽度答案

【问题标题】：Increase Width of slider Jssor增加滑块 Jssor 的宽度
【发布时间】：2015-12-11 07:15:55
【问题描述】：

我刚刚开始使用 jssor 滑块。
我知道有很多与jssor滑块相关的例子，但我想要一个根据需要定制的滑块。

我刚刚用 jssor 从头开始创建了一个简单的滑块，我想增加滑块的宽度和高度。

这是我的代码：

<html>
<head>
  <script type="text/javascript" src="js/jquery-1.9.1.min.js"></script>
    <script type="text/javascript" src="js/jssor.slider.mini.js"></script>
<script>
jQuery(document).ready(function ($) {
        var options = { $AutoPlay: true};
        var jssor_slider1 = new $JssorSlider$('slider1_container', options);
});

</script>
</head>
<body>
<div id="slider1_container" style="position: relative; top: 0px; left: 0px; width: 600px; height: 300px;">
                        <!-- Slides Container -->
    <div u="slides" style="cursor: move; position: absolute; overflow: hidden; left: 0px; top: 0px; width: 600px; height: 300px;">
        <div><img u="image" src="img/01.jpg" /></div>
        <div><img u="image" src="img/02.jpg" /></div>
    </div>
</div>
</body>

</html>

【问题讨论】：

标签： javascript jquery slider jssor

【解决方案1】：

检查此代码

 function ScaleSlider() {
                var refSize = jssor_1_slider.$Elmt.parentNode.clientWidth;
                if (refSize) {
                    refSize = Math.min(refSize,1200);
                    jssor_1_slider.$ScaleWidth(refSize);
                }
                else {
                    window.setTimeout(ScaleSlider, 30);
                }
            }
            ScaleSlider();
            $Jssor$.$AddEvent(window, "load", ScaleSlider);
            $Jssor$.$AddEvent(window, "resize", $Jssor$.$WindowResizeFilter(window, ScaleSlider));
            $Jssor$.$AddEvent(window, "orientationchange", ScaleSlider);
            //responsive code end
        };

【讨论】：