Crear carruseles que funcionen en el Compositor de experiencias visuales

En este tema se muestra cómo crear un carrusel que se pueda editar en Adobe Target Compositor de experiencias visuales (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 Representar usando JavaScript no se puede usar cuando existe 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