核心元件輪播元件可讓內容作者在可導覽的輪播中呈現內容。
內容作者可使用轉盤元件,將內容整理在旋轉的幻燈片轉盤中。
此 編輯對話方塊 可讓內容作者建立、命名及排序多張幻燈片,並啟用延遲自動轉換。 使用 設計對話方塊,範本作者可以定義哪些元件可以新增到輪播、啟用或停用自動轉變,以及自訂樣式。
輪播元件的目前版本是v1,此版本隨2018年10月的核心元件2.2.0版的發佈引入,具體說明見本文。
下表詳細說明元件的所有支援版本、與元件版本相容的AEM版本,以及舊版檔案的連結。
元件版本 | AEM 6.4 | AEM 6.5 | AEM as a Cloud Service |
---|---|---|---|
v1 | 相容於 版本2.17.4 和先前的 |
相容 | 相容 |
如需核心元件版本和發行版本的詳細資訊,請參閱檔案 核心元件版本.
若要體驗轉盤元件並檢視其設定選項範例以及HTML和JSON輸出,請造訪 元件資料庫.
有關輪播元件的最新技術檔案 可在GitHub上找到.
有關開發核心元件的進一步詳細資訊,請參閱 核心元件開發人員檔案.
輪播, 標籤、 和 摺疊式功能表元件 支援直接連結至元件中的面板。
若要這麼做:
id="carousel-bfe4fa6647-item-47f1a7ca67-tabpanel"
#
)。
https://wknd.site/content/wknd/language-masters/en/magazine/western-australia.html#carousel-bfe4fa6647-item-47f1a7ca67-tabpanel
導覽至將面板ID作為錨點的URL,瀏覽器會直接捲動至特定元件並顯示指定的面板。 如果面板設定為預設不顯示,則會自動捲動至。
內容作者可以使用「編輯」對話方塊來新增、重新命名和重新排列幻燈片,以及定義自動轉變設定。
使用 新增 按鈕來開啟元件選擇器,選擇要新增為索引標籤的元件。 新增後,一個專案會新增到清單中,包含以下欄:
如果減小頁面檢視區,使編輯對話方塊變成全熒幕, 新增 按鈕將會隱藏。 元件仍可透過以下方式新增至轉盤元件 從元件瀏覽器拖曳並放置在頁面編輯器的轉盤元件上.
於 屬性 索引標籤上,內容作者可以設定投影片以自動切換。
於 協助工具 標籤,可設定的值 ARIA協助工具 元件的標籤。
內容作者可以使用 選取面板 元件工具列上的選項,以變更為不同的幻燈片進行編輯,以及輕鬆地重新排列幻燈片的順序。
選取 選取面板 選項時,已設定的投影片會顯示為下拉式清單。
範本作者可以使用「設計」對話方塊來定義哪些元件可以新增為幻燈片至輪盤元件,以及定義自動切換預設值和哪些自訂樣式可供內容作者使用。
此 屬性 tab鍵可在內容作者新增輪播元件至頁面時,用來定義投影片過渡的預設設定。
此 允許的元件 tab可用來定義哪些元件可由內容作者新增為幻燈片至輪播元件。
「允許的元件」標籤的功能與相同名稱的標籤的功能相同,當 在範本編輯器中定義配置容器的原則和屬性。
輪播元件支援AEM 樣式系統.
輪播元件支援 Adobe使用者端資料層。