如何修改Materialise Carousel的默认显示项？

Question

我想使用 Materialise Javascript 轮播元素 (http://materializecss.com/carousel.html) 显示 6 个轮播项目。默认设置默认为 5 项。而且我根据文档找不到任何相关的解决方案。

有什么建议吗？谢谢！

Answer 1

您可以简单地向轮播中添加更多项目，它应该会自行运行。

<div class="carousel">
    <a class="carousel-item" href="#one!"><img src="http://lorempixel.com/250/250/nature/1"></a>
    <a class="carousel-item" href="#two!"><img src="http://lorempixel.com/250/250/nature/2"></a>
    <a class="carousel-item" href="#three!"><img src="http://lorempixel.com/250/250/nature/3"></a>
    <a class="carousel-item" href="#four!"><img src="http://lorempixel.com/250/250/nature/4"></a>
    <a class="carousel-item" href="#five!"><img src="http://lorempixel.com/250/250/nature/5"></a>
    <a class="carousel-item" href="#six!"><img src="http://lorempixel.com/250/250/nature/5"></a>
    <a class="carousel-item" href="#seven!"><img src="http://lorempixel.com/250/250/nature/5"></a>
</div>

并在关闭正文标签之前添加此内容

<script>
    $(document).ready(function(){
        $('.carousel').carousel();
    });
</script>

如何修改Materialise Carousel的默认显示项？

How to change the default display items of Materialize Carousel?

carousel

materialize