說明:此輪播頁面, 採用 Bootstrap 內建的 Carousel 滑動 輪播. 不需要自己撰寫程式即可使用.
說明:此輪播頁面, 採用 Bootstrap 內建的 Carousel 淡入淡出 輪播. 不需要自己撰寫程式即可使用.
可以透過資料屬性或 JavaScript 調整選項。對於資料屬性,將選項名稱附加到 data-
,如 data-interval=""
。
名稱 | 種類 | 預設 | 描述 |
---|---|---|---|
interval | 數值 | 5000 | 一個項目自動迴圈之間延遲的時間。 如果為 false ,輪播不會自動重播。 |
keyboard | boolean | true | 輪播是否對於鍵盤事件有反應 |
pause | string | boolean | "hover" |
如果設置為 在觸控裝置上 |
ride | string | false | 用戶手動播放第一個後自動輪播。如果是 "carousel" 在輪播載入後自動播放。 |
wrap | boolean | true | 輪播是否應該連續循環或停止。 |