Un carrousel affiche des diapositives sur une rangée qui défile et s’aimante : le balayage, les pavés tactiles et les touches fléchées le font défiler nativement, tout comme ses boutons précédent et suivant et ses points. Marquez chaque diapositive avec nuiCarouselSlide, nommée par son titre.
Affichez une diapositive à la fois ou plusieurs avec perView, ou laissez chacune garder sa propre largeur avec perView="auto". [(index)] lie la première diapositive visible, et loop revient au début.
Avec autoplay, il tourne tout seul, précédé d’un contrôle de rotation. La rotation se met en pause sous le pointeur et s’arrête pour de bon quand le focus clavier y entre, comme le demande le modèle WAI-ARIA.
Voyages à la une
Une nouvelle diapositive toutes les six secondes, avec l’anneau du contrôle de rotation qui se remplit jusqu’à la suivante. Survolez le carrousel pour mettre la rotation en pause, ou entrez-y avec Tab pour l’arrêter.
Une étagère de cartes
perView="auto" garde la largeur de chaque carte et en affiche autant qu’il en tient. Les points suivent le balayage, et [(index)] indique où il en est.
First in view: Linen shirt