Show Menu
主題×

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

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