增加滑块Jssor的宽度

Question

I have just started using jssor slider. 我刚刚开始使用jssor滑块。
I know there are many examples related to jssor slider, but I want a customized slider according to needs. 我知道有很多与jssor滑块相关的示例，但是我想根据需要定制一个滑块。

I have just created simple slider from scratch with jssor and I want to increase the width and height of slider. 我刚刚使用jssor从头开始创建了简单的滑块，并且想增加滑块的宽度和高度。

Here is my code: 这是我的代码：

<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>

Answer 1

Check for this code 检查此代码

 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
        };

增加滑块Jssor的宽度

问题描述

1 个解决方案

解决方案1
0 2015-12-11 07:47:37

增加滑块Jssor的宽度

问题描述

1 个解决方案

解决方案1 0 2015-12-11 07:47:37

解决方案1
0 2015-12-11 07:47:37