WeayZehoa Coding Lab

說明：此輪播頁面, 採用 Bootstrap 內建的 Carousel 滑動輪播. 不需要自己撰寫程式即可使用.

不需要自己撰寫程式即可使用.

不需要自己撰寫程式即可使用.

不需要自己撰寫程式即可使用.

不需要自己撰寫程式即可使用.

不需要自己撰寫程式即可使用.

說明：此輪播頁面, 採用 Bootstrap 內建的 Carousel 淡入淡出輪播. 不需要自己撰寫程式即可使用.

不需要自己撰寫程式即可使用.

不需要自己撰寫程式即可使用.

不需要自己撰寫程式即可使用.

不需要自己撰寫程式即可使用.

不需要自己撰寫程式即可使用.

可以透過資料屬性或 JavaScript 調整選項。對於資料屬性，將選項名稱附加到 data-，如 data-interval=""。

名稱	種類	預設	描述
interval	數值	5000	一個項目自動迴圈之間延遲的時間。如果為 false ，輪播不會自動重播。
keyboard	boolean	true	輪播是否對於鍵盤事件有反應
pause	string \| boolean	"hover"	如果設置為 `"hover"`, 輪播會因為 `mouseenter` 而暫停並在 `mouseleave` 時再度執行。如果設置 `false`，滑入時將不會停止輪播。在觸控裝置上 `"hover"`。在重播恢復之前，輪播將停止於 `touchend` (直到用戶與輪播的互動) 兩次之間的期間。注意，這是除了滑鼠行為以外。
ride	string	false	用戶手動播放第一個後自動輪播。如果是 "carousel" 在輪播載入後自動播放。
wrap	boolean	true	輪播是否應該連續循環或停止。