どのようにしてマテリアル化カルーセルに前と次の矢印を置くことができますか？

Question

私はクリックアンドドラッグで動く2番目のカルーセルを持っていますが、スライダであることをユーザーに知らせるために矢印を表示したいのですが、マテリアライズで表示する方法はありますか？それとも別の方法で作らなければならないのですか？

Answer 1

<div class="carousel carousel-slider center" data-indicators="true"> 
    <div class="carousel-fixed-item center"> 
     <a class="btn waves-effect white grey-text darken-text-2">button</a> 
    </div> 
    <div class="carousel-item red white-text" href="#one!"> 
     <h2>First Panel</h2> 
     <p class="white-text">This is your first panel</p> 
    </div> 
    <div class="carousel-item amber white-text" href="#two!"> 
     <h2>Second Panel</h2> 
     <p class="white-text">This is your second panel</p> 
    </div> 
    <div class="carousel-item green white-text" href="#three!"> 
     <h2>Third Panel</h2> 
     <p class="white-text">This is your third panel</p> 
    </div> 
    <div class="carousel-item blue white-text" href="#four!"> 
     <h2>Fourth Panel</h2> 
     <p class="white-text">This is your fourth panel</p> 
    </div> 
    </div> 

Javascriptを

$('.carousel.carousel-slider').carousel({fullWidth: true}); 

したがって、このような何か？

ソース：ボタン付きhttp://materializecss.com/carousel.html

<>：https://codepen.io/Paco_Cervantes/pen/ZLxKpj?q=materialize+carousel&limit=all&type=type-pens

あなたは以前、特定の単語を必要とするか、または編集し、私は