在哪里设置jquery旋转滑块5.3的高度?

问题描述 投票:1回答:2

我不知道-在哪里设置jQuery Revolution Slider 5.3的高度?

我已经通过themepunch和许多HTML模板看到了所有演示,但是没有运气。(我发现高度偏低的是1.旧版本,或者2.无效或3.无响应)我在全角旋转滑块中需要500px的高度...必须完全响应。

对示例的任何帮助将不胜感激。注意:我不是要寻找旧版本的示例...因为我已经在使用它们了。我只需要最新版本(Jquery Revolution Slider的5版以上)。

jquery slider height responsive
2个回答
8
投票

在构造函数中,您可以添加gridheight来调整四个不同响应级别的高度

$("div").revolution({
    // ...
    responsiveLevels: [1240, 1024, 778, 480],
    gridwidth: [1240, 1024, 778, 480],
    gridheight: [500, 500, 500, 500]
    // ...
});

https://www.themepunch.com/revsliderjquery-doc/responsive-setup-2/

您可以使用this进行尝试


0
投票

/* initialize the slider based on the Slider's ID attribute */
$('#rev_slider_1').show().revolution({
    delay: 5000,

    /* options are 'auto', 'fullwidth' or 'fullscreen' */
    sliderLayout: 'fullwidth',
    autoHeight: 'on'
});

autoHeight:on使滑块按比例调整大小。否则最大为500px;

希望有所帮助。

亚伦

© www.soinside.com 2019 - 2024. All rights reserved.