建立可在可視化體驗撰寫器中運作的輪播

本主題說明如何建立可在Adobe Target Visual Experience Composer (VEC)中編輯的轉盤。

使用下列步驟時,Target 一律知道已選取投影片會有正確投影片的「選取器」,即便在幾秒後它在可視化體驗撰寫器中已變更。

  1. 建立靜態的 HTML 預留位置。

    <ul>
    <li class="show"> slide 1 </li>
    <li class="hidden"> slide 2 </li>
    <li class="hidden"> slide 3 </li>
    </ul>
    
  2. 新增 CSS 以設計外觀和風格。

    請勿對此使用 JavaScript。

    注意

    如果是在可視化體驗撰寫器中使用使用 JavaScript 呈現選項搭配自訂代碼,則目前不支援該選項。

  3. 僅更新 classNames 以隱藏其他項目,並使用計時器/動畫顯示下一個。

    永遠不要使用 JavaScript 更新 DOM 結構。

本頁內容

Adobe Maker Awards Banner

Time to shine!

Apply now for the 2021 Adobe Experience Maker Awards.

Apply now
Adobe Maker Awards Banner

Time to shine!

Apply now for the 2021 Adobe Experience Maker Awards.

Apply now