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