如何将prev和下一个箭头放入物化转盘中?

Dei*_*bid 3 css frameworks materialize

我有第二个旋转木马随着点击和拖动移动...但我想显示箭头让用户知道这是一个滑块...有没有办法用materialize显示它?或者我必须从另一种方式制作它?

dan*_*nny 9

  <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>
Run Code Online (Sandbox Code Playgroud)

使用Javascript

  $('.carousel.carousel-slider').carousel({fullWidth: true});
Run Code Online (Sandbox Code Playgroud)

这样的事情呢?

来源:http://materializecss.com/carousel.html

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

如果你需要一个特定的单词之前或编辑让我知道

  • https://codepen.io/Paco_Cervantes/pen/ZLxKpj?q=materialize+carousel&amp;limit=all&amp;type=type-pens希望对您有所帮助 (3认同)