旋轉木馬元件

核心元件旋轉傳送器元件允許內容作者在可導航旋轉傳送器中呈現內容。

使用狀況

內容作者使用「旋轉旋轉旋轉的旋轉旋轉的旋轉旋轉的旋轉旋轉旋轉的旋轉旋轉旋轉的旋轉旋轉旋轉的旋轉旋轉旋轉的旋轉旋轉旋轉旋轉的旋轉旋轉旋轉旋轉的旋轉旋轉旋轉旋轉。

編輯對話框 允許內容作者建立、命名和訂購多張幻燈片,並允許延遲自動轉換。 使用 設計對話框,模板作者可以定義哪些元件可以添加到旋轉傳送器中,啟用或禁用自動過渡,以及自定義樣式。

版本和相容性

當前版本的Carousel元件是v1,該版本於2018年10月隨核心元件2.2.0版一同推出,本文檔對此進行了說明。

下表詳細說明了元件的所有受支援版本、AEM元件版本與之相容的版本,以及指向早期版本文檔的連結。

元件版本 AEM 6.4 AEM 6.5 AEM as a Cloud Service
v1 相容
發行版2.17.4
相容 相容

有關核心元件版本和版本的詳細資訊,請參閱文檔 核心元件版本

元件輸出示例

要體驗Carousel元件,並查看其配置選項以及HTML和JSON輸出的示例,請訪問 元件庫

技術詳細資訊

有關旋轉傳送元件的最新技術文檔 可在GitHub上找到

有關開發核心元件的詳細資訊,請參閱 核心元件開發人員文檔

編輯對話框

編輯對話框允許內容作者添加、更名和重新排列幻燈片,並定義自動轉換設定。

項目頁籤

「旋轉軸元件」的「編輯」(Edit)對話框的「項目」(Items)頁籤

使用 添加 的子菜單。 添加後,將向清單中添加一個條目,該清單包含以下列:

  • 表徵圖 — 頁籤的元件類型表徵圖,便於在清單中進行標識。 將滑鼠移到工具提示中,以查看完整的元件名稱。
  • 說明 — 用作頁籤文本的說明,預設為為頁籤選擇的元件的名稱。
  • 刪除 — 點擊或按一下以從頁籤元件中刪除頁籤。
  • 重新排序 — 點擊或按一下並拖動以訂購頁籤。
秘訣

如果縮小頁面的視區,使編輯對話框變為全屏, 添加 按鈕。 元件仍可以通過 從元件瀏覽器中拖動,然後放在頁面編輯器中的「旋轉軸元件」上

屬性頁籤

「旋轉軸元件」的「編輯」對話框的「屬性」頁籤

屬性 頁籤,內容作者可以將幻燈片設定為自動轉換。

  • 自動轉換幻燈片 — 活動時,元件將在指定延遲後自動進入下一張幻燈片。
  • 過渡延遲 — 選中「自動轉換」幻燈片時,此值用於定義轉換之間的延遲(以毫秒為單位)。
  • 在懸停時禁用自動暫停 — 時間 自動轉換幻燈片 選中後,當游標懸停在旋轉盤上時,旋轉盤過渡將自動暫停。 選擇此選項,以便過渡不會暫停。
  • ID — 此選項允許控制HTML和 資料層
    • 如果留空,則系統會為您自動生成唯一ID,並通過檢查生成的頁面來找到它。
    • 如果指定了ID,則作者有責任確保其唯一。
    • 更改ID可能會影響CSS、JS和資料層跟蹤。
注意

在中時不啟用幻燈片預放控制項 編輯 的子菜單。 使用 預覽 模式查看為已發佈 選項,作為已發佈內容的讀者與旋轉傳送帶進行交互。

在中時不啟用自動高級功能 編輯 的子菜單。 使用 查看為已發佈 的子菜單。

輔助功能頁籤

「旋轉傳送元件」的「編輯」對話框的「輔助功能」頁籤

輔助功能 頁籤,可為 ARIA輔助功能 元件的標籤。

  • 標籤 — 元件的ARIA標籤屬性的值

選擇面板

內容作者可以使用 選擇面板 按鈕,將選定控制項在Tab鍵次序中上移一個位置。

「選擇面板」表徵圖

選擇 選擇面板 選項中,所配置的幻燈片將顯示為下拉框。

  • 清單按幻燈片的指定排列排序,並反映在編號中。
  • 首先顯示幻燈片的元件類型,然後以較淺字型顯示幻燈片的說明。

選取面板

  • 點擊或按一下下拉清單中的條目,將編輯器中的視圖切換到該幻燈片。
  • 可使用拖動控制滑塊就地重新排序幻燈片。

設計對話框

設計對話框允許模板作者定義哪些元件可以作為幻燈片添加到旋轉傳送元件中,以及定義自動轉換預設值以及哪些自定義樣式可供內容作者使用。

屬性頁籤

屬性 頁籤用於定義內容作者將旋轉傳送元件添加到頁面時幻燈片過渡的預設設定。

「旋轉軸元件的設計」對話框

  • 自動轉換幻燈片 — 定義當內容作者將旋轉傳送元件添加到頁面時,是否在預設情況下啟用自動將旋轉傳送器推進到下一張幻燈片的選項。
  • 過渡延遲 — 定義內容作者將旋轉傳送元件添加到頁面時幻燈片之間的轉換延遲的預設值(毫秒)。
  • 在懸停時禁用自動暫停 — 定義在預設情況下,禁用自動幻燈片暫停的選項是否在 自動轉換幻燈片 由內容作者選擇。

允許的元件頁籤

允許的元件 頁籤用於定義哪些元件可以作為幻燈片由內容作者添加到「旋轉軸元件」中。

「允許的元件」頁籤的功能與同名的頁籤在 在模板編輯器中定義佈局容器的策略和屬性。

樣式頁籤

旋轉軸元件支AEM持 樣式系統

Adobe客戶端資料層

旋轉軸元件支援 Adobe客戶端資料層。

本頁內容