jQuery 旋转滑块 5.3 的高度在哪里设置？答案

【问题标题】：Where to set height of jquery revolution slider 5.3?jQuery 旋转滑块 5.3 的高度在哪里设置？
【发布时间】：2020-01-13 22:56:47
【问题描述】：

我不知道 - 在哪里设置 jquery 旋转滑块 5.3 的高度？

我看过themepunch 的所有演示和许多HTML 模板，但没有运气。（我发现高度较低的要么是 1. 旧版本，要么 2. 不工作或 3. 没有响应）我需要 500px 高度的全角旋转滑块...必须完全响应。

任何有关示例的帮助将不胜感激。注意：我不是在寻找旧版本的示例......因为我已经让它们工作了。我只需要最新版本（Jquery Revolution Slider 的 5 以上版本）。

【问题讨论】：

标签： jquery slider height responsive

【解决方案1】：

在构造函数中可以添加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来试试

【讨论】：

【解决方案2】：

/* 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 使滑块按比例调整大小。否则它会达到 500 像素；

希望对您有所帮助。

亚伦

【讨论】：