文档TargetTarget 指南

创建可以在可视化体验编辑器中工作的轮播效果

Last update: Sat Jul 20 2024 00:00:00 GMT+0000 (Coordinated Universal Time)
  • 主题：

此主题显示如何创建可以在Adobe Target Visual Experience Composer (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
    如果Render Using JavaScript选项与自定义代码一起在可视化体验编辑器中使用，则当前不支持该选项。

  3. 仅更新 classNames 以隐藏其他幻灯片，并使用计时器/动画显示下一张幻灯片。

    请勿使用 JavaScript 更新 DOM 结构。

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