实现css carousal

Question

我正在使用Materialise css框架提供的基本轮播。默认图片大小为200 * 200， 如何更改它而不影响对齐？

http://materializecss.com/media.html

Answer 1

您可以使用以下选项更改默认图像尺寸：

$('.carousel').carousel({
    full_width: true
});

覆盖CSS并使用"overflow: hidden"

Answer 2

要更改图像大小，可以在img标签中放置高度和宽度

<! –– here is the template from materialize css->
<! –– just add width and height as shown here!->
<div class="carousel">
    <a class="carousel-item" href="#one!"><img width="your custom width" height='your custom height'src="https://lorempixel.com/250/250/nature/1"></a>
</div>
<script> M.AutoInit();</script>