Materialize Carouselのデフォルトの表示項目を変更するにはどうすればいいですか？

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> 

と感謝Sanath bodyタグ

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