Как изменить отображаемые по умолчанию элементы Materialize Carousel?

Question

Я хотел бы отобразить 6 элементов карусели, используя Materialize Javascript Carousel element (http://materializecss.com/carousel.html). По умолчанию по умолчанию установлено 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>