materialize - 如何在 Materialize css 中更改 slider 的高度？

Question

这是我的 html 代码:

<div class="slider">
  <ul class="slides">
    <li>
      <img src="img/s1.jpg">
    </li>
  </ul>
</div>

这是我的 Javascript 代码:

$(document).ready(function(){
    $('.slider').slider();
});

slider 工作完美，但默认高度为 400 像素。如何将其更改为 300px？

编辑:

改变图像大小不会改变 slider 的高度(高度始终为 400px)

我试过这个:<div class="slider" style="height:300px;"> , 它也不起作用。

Answer 1

在 JQuery 中，我们可以设置高度和其他选项 ( https://materializecss.com/media.html )，如下所示:

$(document).ready(function(){

    $('.slider').slider({ 
        full_width: true,
        height : 800, // default - height : 400
        interval: 8000 // default - interval: 6000
    });

});

我们不需要为此更改图像尺寸。