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 el 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.

    <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í.

    NOTA

    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.

En esta página