2017-09-27 2 views

Répondre

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}); 

donc quelque chose comme ça?

source: http://materializecss.com/carousel.html

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

si vous avez besoin d'un mot spécifique précédent ou de modifier laissez-moi savoir

+0

Oui, il est ok, mais je veux mettre la précédente et suivante flèche .... pour laisser l'utilisateur sait facilement qu'il peut utiliser le curseur ok – Deivbid

+0

https://codepen.io/Paco_Cervantes/pen/ZLxKpj?q=materialize+carousel&limit=all&type=type-pens Espérons que cette aide vous dehors – danny

+0

C'est tout ... merci vous beaucoup :) salutations du venezuela – Deivbid