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

此主題顯示如何建立可以在可視化體驗撰寫器 (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 結構。

本頁內容