建立可在可視化體驗撰寫器中運作的輪播
此主題顯示如何建立可以在Adobe Target Visual Experience Composer (VEC)中編輯的輪播。
使用下列步驟時,Target 一律知道已選取投影片會有正確投影片的「選取器」,即便在幾秒後它在可視化體驗撰寫器中已變更。
-
建立靜態的 HTML 預留位置。
code language-html <ul> <li class="show"> slide 1 </li> <li class="hidden"> slide 2 </li> <li class="hidden"> slide 3 </li> </ul>
-
新增 CSS 以設計外觀和風格。
請勿對此使用 JavaScript。
note note NOTE 如果Render Using JavaScript選項是搭配視覺化體驗撰寫器中的自訂程式碼使用,則目前不支援該選項。 -
僅更新 classNames 以隱藏其他項目,並使用計時器/動畫顯示下一個。
永遠不要使用 JavaScript 更新 DOM 結構。
recommendation-more-help
3d9ad939-5908-4b30-aac1-a4ad253cd654