文件TargetTarget 指南

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

Last update: Fri May 26 2023 00:00:00 GMT+0000 (Coordinated Universal Time)

本主題說明如何建立可以在下列位置編輯的輪播 Adobe Target 視覺化體驗撰寫器 (VEC)。

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

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

    code language-html 
    <ul>
<li class="show"> slide 1 </li>
<li class="hidden"> slide 2 </li>
<li class="hidden"> slide 3 </li>
</ul>

  2. 新增 CSS 以設計外觀和風格。

    請勿對此使用 JavaScript。

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

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

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

recommendation-more-help
3d9ad939-5908-4b30-aac1-a4ad253cd654