Show Menu
ARGOMENTI×

Creazione di caroselli di immagini adatti al Compositore esperienza visivo

Questo argomento illustra come creare un carosello che possa essere modificato nel Compositore esperienza visivo.
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.
    <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.
    L’opzione Rendering con JavaScript non è attualmente supportata se viene utilizzata con 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.