Crear carruseles que funcionen en el Compositor de experiencias visuales

Este tema muestra cómo crear un carrusel que se pueda editar en el Adobe Target Visual Experience Composer (VEC).

Cuando se siguen los pasos descritos a continuación, Target siempre sabe que la diapositiva seleccionada tendrá el “selector” de la diapositiva correcta aunque, pasados unos segundos, se cambie en el Compositor de experiencias visuales.

  1. Cree marcadores de posición de HTML estáticos.

    code language-html
    <ul>
    <li class="show"> slide 1 </li>
    <li class="hidden"> slide 2 </li>
    <li class="hidden"> slide 3 </li>
    </ul>
    
  2. Añada CSS para diseñar el aspecto.

    No utilice JavaScript aquí.

    note note
    NOTE
    Actualmente, la opción Render Using JavaScript no se admite si se usa junto con código personalizado en el Compositor de experiencias visuales.
  3. Actualice los classNames solo para ocultar otros y mostrar los siguientes con temporizador/animación.

    Nunca utilice JavaScript para actualizar la estructura del DOM.

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