Creazione di caroselli di immagini adatti al Compositore esperienza visivo

In questo argomento viene illustrato come creare un carosello modificabile nel Adobe Target Visual Experience Composer (VEC).

Quando esegui i passaggi seguenti, Target saprà sempre che la diapositiva selezionata avrà il “selettore” per la diapositiva corretta, anche se viene modificato nel Compositore esperienza visivo dopo pochi secondi.

  1. Crea segnaposti HTML statici.

    code language-html
    <ul>
    <li class="show"> slide 1 </li>
    <li class="hidden"> slide 2 </li>
    <li class="hidden"> slide 3 </li>
    </ul>
    
  2. Aggiungi CSS per definire l’aspetto grafico.

    Non utilizzare JavaScript per questo.

    note note
    NOTE
    L'opzione Render Using JavaScript non è attualmente supportata se viene utilizzata insieme al codice personalizzato nel Compositore esperienza visivo.
  3. Aggiorna i valori classNames solo per nascondere le altre slide e mostrare quella successiva con timer/animazione.

    Non aggiornare mai la struttura DOM tramite JavaScript.

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