JSSOR,如何使图像适合父div大小

时间:2014-09-02 21:23:30

标签: jquery jssor

我找到了一个精彩的jquery插件来旋转横幅。 我保留在div中的所有脚本

<div style="background-color:black; width:70%; height:300px;" class="adv">.

也许,某人知道,如何将图像放到上面的div上。

请求帮助。

1 个答案:

答案 0 :(得分:1)

请将滑块放在如上所述的容器中,然后您可以将滑块缩放到容器的宽度。

<div style="background-color:black; width:70%;" class="adv">
    <div id="slider1_container" ...>
        ...
    </div>
</div>


    <script>
        ...
        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();
        $Jssor$.$AddEvent(window, "load", ScaleSlider);

        $Jssor$.$AddEvent(window, "resize", $Jssor$.$WindowResizeFilter(window, ScaleSlider));
        $Jssor$.$AddEvent(window, "orientationchange", ScaleSlider);
        ////responsive code end

    </script>