轮播把幻灯片排成一行,这一行可以滚动,并会吸附到每张幻灯片上:滑动、触控板和方向键都能以原生方式移动它,上一张、下一张按钮和圆点也可以。用 nuiCarouselSlide 标记每张幻灯片,并以其标题命名。

用 perView 设置一次显示一张还是多张幻灯片,或用 perView="auto" 让幻灯片保持各自的宽度。[(index)] 绑定可见的第一张幻灯片,loop 则让轮播到头后回到开头。

设置 autoplay 后,轮播会自动切换,并由一个自动轮播按钮控制。指针悬停时自动轮播暂停;键盘焦点进入时,则按 WAI-ARIA 模式的要求彻底停止。

每六秒切换一张幻灯片,自动轮播按钮上的圆环会随之逐渐填满。悬停可暂停自动轮播,用 Tab 键移入则会停止。

卡片货架

perView="auto" 保持每张卡片的宽度,能放下几张就显示几张。圆点会跟随滑动,[(index)] 则告诉你当前的位置。

First in view: Linen shirt