Question

我想使用Materialize Javascript Carousel元素（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>

并在关闭body标签之前添加它

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

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

1 个答案: