javascript - 高度未调整 LayerSlider 5

Question

我在使用最新版本的 LayerSlider 时遇到问题。我已经使用了全 Angular 响应演示中的所有内容并阅读了所有选项，但是当我调整浏览器大小时，高度不会更新。为了使这一点更清晰，图像本身会缩放，但容器的高度保持不变。在文档中，它说您必须给容器一个高度。

我的代码如下:

HTML:

<div id="LayerSlider" class="Slider">
    <div class="ls-slide" data-ls="transition2d:1;timeshift:-1000;">
        <img src="/Assets/Images/Layerslider/Banner1.jpg" class="ls-bg" alt="Slide background"/>
    </div>
    <div class="ls-slide" data-ls="transition2d:1;timeshift:-1000;">
        <img src="/Assets/Images/Layerslider/Banner2.jpg" class="ls-bg" alt="Slide background"/>
    </div>
</div>

jQuery

$(document).ready(function () {
    $('#LayerSlider').layerSlider({
        responsive: false,
        layersContainer : 1178,
        responsiveUnder : 1500
    });
});

文档中说，如果您想使用responsiveUnder，则必须使用responsive: false，这使其在指定宽度下具有响应能力。

链接到 LayerSlider http://kreaturamedia.com/layerslider-responsive-jquery-slider-plugin/

Answer 1

您需要做的就是将容器 CSS 内联。

<div id="LayerSlider" class="Slider" style="width:100%; height:427px;">