Il widget lightbox consente agli utenti di visualizzare contenuti multimediali nelle finestre di dialogo modali.
Utilizzo generico
Ecco un pulsante di esempio che apre una finestra di dialogo lightbox:
Si tratta di un anchor tag con l'attributo href impostato su #lightbox-trigger e
può essere utilizzato anche per aprire un annuncio lightbox:
Video di YouTube
Ecco un pulsante di esempio che apre una finestra di dialogo video di YouTube:
Si tratta di un link YouTube che apre una finestra di dialogo video di YouTube:
Immagini
Le immagini possono essere visualizzate anche nelle finestre di dialogo modali lightbox. Questa operazione è particolarmente utile per visualizzare i dettagli di uno screenshot senza dover aggiungere un'immagine a larghezza intera.
Mobile a destra
Questo è un esempio di immagine che fluttua a destra dei contenuti a cui è preceduto. Questo widget apre una finestra di dialogo modale lightbox e mostra la descrizione comando Esempio di carrello.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercita ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Tranne che sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Mobile a sinistra
Questo è un esempio di immagine che si sposta a sinistra dei contenuti precedenti. Questo widget apre una finestra di dialogo modale lightbox ma non visualizza una descrizione comando.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercita ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Tranne che sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Mostra al caricamento pagina
Puoi avere un annuncio lightbox che si apre al caricamento della pagina
aggiungendo il parametro della stringa di query dialogOnLoad e l'ID postfix.