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

Adobe Summit Banner

A virtual event April 27-28.

Expand your skills and get inspired.

Register for free
Adobe Summit Banner

A virtual event April 27-28.

Expand your skills and get inspired.

Register for free
Adobe Maker Awards Banner

Time to shine!

Apply now for the 2021 Adobe Experience Maker Awards.

Apply now
Adobe Maker Awards Banner

Time to shine!

Apply now for the 2021 Adobe Experience Maker Awards.

Apply now