滑塊

內容寬度

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