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

本主題說明如何建立可以在下列位置編輯的輪播 Adobe Target 視覺化體驗撰寫器 (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 結構。