Jssor Slider固定高度,动态宽度

时间:2015-04-21 06:27:58

标签: javascript jquery css jssor

我正在使用jssor的简单淡入淡出滑块,它工作正常,但是有高度和宽度的问题..

实际上我使用宽度作为百分比,问题的原因是因为我增加宽度高度也同样增加,反之亦然..

我想要的是滑块的高度保持固定,但宽度会相应改变。

1 个答案:

答案 0 :(得分:0)

我能做的最多就是让滑块在初始化之前缩放宽度,基本上像100%宽度和固定高度一样工作。

唯一的问题是,如果窗口调整大小,它不会缩放。

无论哪种方式,对于任何感兴趣的人,只需在初始化Jssor之前用JS更新滑块容器div:

<!-- Jssor Trigger -->
<script>
    var parentWidth = document.getElementById('slider').offsetWidth;
    document.getElementById('slider1_container').style.width=parentWidth+'px';
    document.getElementById('slider1_slides').style.width=parentWidth+'px';
    jssor_slider1_starter('slider1_container');
</script>

如果您的网页有垂直滚动条,您可能需要在div的结束标记之后调用此代码,以获取宽度值,或者只是在关闭正文标记之前。