Diàlegs de caixa de llum

El widget Lightbox permet als usuaris veure contingut multimèdia en diàlegs modals.

Ús general

Aquest és un botó de mostra que obre un quadre de diàleg Lightbox:

Diagrama d'estats

Aquesta és una etiqueta d'ancoratge amb l'atribut href definit en #lightbox-trigger i també es pot utilitzar per obrir una caixa de llum:

Mostra la imatge

Diagrama d'estats

vídeos de YouTube

Aquest és un botó de mostra que obre un diàleg de vídeo de YouTube:

Aquest és un enllaç de YouTube que obre un diàleg de vídeo de YouTube:

Mira el vídeo

Imatges

Les imatges també es poden mostrar als diàlegs modals Lightbox. Això funciona especialment bé per veure els detalls d'una captura de pantalla sense necessitat d'afegir una imatge d'amplada completa.

Flota a la dreta

Exemple de carro

Aquest és un exemple d'una imatge que flota a la dreta del contingut que precedeix. Aquest giny obre un diàleg modal Lightbox i mostra l' exemple del carretó d'eines.

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 exercitation 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. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Flota a l'esquerra

Aquest és un exemple d'una imatge que flota a l'esquerra del contingut que precedeix. Aquest giny obre un diàleg modal Lightbox però no mostra cap informació sobre eines.

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 exercitation 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. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Mostra a la càrrega de la pàgina

Podeu tenir una caixa de llum que s'obri a la càrrega de la pàgina afegint el paràmetre de cadena de consulta dialogOnLoad juntament amb el postfix de l'ID.

Diagrama d'estats