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

最後更新： 2024年7月20日
  • 主題：

此主題顯示如何建立可以在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。

    NOTE
    如果Render Using JavaScript選項是搭配視覺化體驗撰寫器中的自訂程式碼使用，則目前不支援該選項。

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

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

上一頁重新導向至 URL
下一頁表單式體驗撰寫器

Target