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