创建可以在可视化体验编辑器中工作的轮播效果
本主题说明如何创建可以在以下位置编辑的轮播: Adobe Target 可视化体验编辑器 (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 当前,不支持在可视化体验编辑器中将“使用 JavaScript 渲染”选项与自定义代码一起使用。 -
仅更新 classNames 以隐藏其他幻灯片,并使用计时器/动画显示下一张幻灯片。
请勿使用 JavaScript 更新 DOM 结构。
recommendation-more-help
3d9ad939-5908-4b30-aac1-a4ad253cd654