首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >增加滑块Jssor的宽度

增加滑块Jssor的宽度
EN

Stack Overflow用户
提问于 2015-12-11 15:15:56
回答 1查看 506关注 0票数 0

我刚刚开始使用jssor滑块。

我知道有很多与jssor滑块相关的例子,但我想根据需要定制一个滑块。

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

下面是我的代码:

代码语言:javascript
复制
<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>
EN

回答 1

Stack Overflow用户

发布于 2015-12-11 15:47:38

检查此代码

代码语言:javascript
复制
 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
        };
票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/34218026

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档