滑动条

内容宽度

1

2

3

4

5

6

7

8

9

10

11

12

不同宽度

1

2

3

4

5

6

7

8

9

10

11

12

宽度类 + 激活时切换

1

2

3

4

5

6

7

8

9

10

网格 + 悬停时切换

1

2

3

4

5

6

7

8

9

10

容器偏移 + 卡片

默认

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore.

主要

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore.

次要

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore.

默认

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore.

主要

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore.

次要

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore.

默认

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore.

主要

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore.

次要

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore.

视差控制

1

2

3

4

5

6

7

8

9

10

视口高度 + 视差

标题

Lorem ipsum dolor sit amet.

标题

Lorem ipsum dolor sit amet.

标题

Lorem ipsum dolor sit amet.

标题

Lorem ipsum dolor sit amet.

标题

Lorem ipsum dolor sit amet.

JavaScript 选项

选项 默认 描述
autoplay 布尔值 false 开始自动播放幻灯片。
autoplay-interval 数字 7000 自动播放模式下切换幻灯片的延迟时间。
center 布尔值 false 居中显示活动幻灯片。
draggable 布尔值 true 启用指针拖动。
finite 布尔值 false 禁用无限滑动。
index 数字 0 要显示的滑动条项目。基于 0 的索引。
active 字符串 all 应用过渡激活类到滑动条项目/多个项目(all|first)。
pause-on-hover 布尔值 true 悬停时暂停自动播放模式。
sets 布尔值 false 按组滑动。
velocity 数字 1 动画速度 (像素/毫秒)。
i18n 对象 null 覆盖默认翻译文本。

i18n

默认 描述
next 下一张幻灯片 下一张幻灯片按钮的aria-label
previous 上一张幻灯片 上一张幻灯片按钮的aria-label
slideX 幻灯片 %s 分页幻灯片按钮的aria-label
slideLabel %s / %s 幻灯片的aria-label