Show Menu
TEMAS×

Crear carruseles que funcionen en el Compositor de experiencias visuales

Este tema explica cómo crear un carrusel que se pueda editar en el 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í.
    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.