Met de Lightbox-widget kunnen gebruikers multimedia-inhoud bekijken in modale dialoogvensters.
Algemeen gebruik
Dit is een voorbeeldknop die een Lightbox-dialoogvenster opent:
Dit is een ankertag waarvan het kenmerk href is ingesteld op #lightbox-trigger en kan ook worden gebruikt om een Lightbox te openen:
Youtube filmpjes
Dit is een voorbeeldknop die een YouTube-videodialoogvenster opent:
Dit is een YouTube-link die een YouTube-videodialoogvenster opent:
Afbeeldingen
Afbeeldingen kunnen ook worden weergegeven in modale dialoogvensters van Lightbox. Dit werkt vooral goed om de details van een screenshot te zien zonder een afbeelding over de volledige breedte toe te voegen.
dreef naar rechts
Dit is een voorbeeld van een afbeelding die naar rechts zweeft van de inhoud die eraan voorafgaat. Deze widget opent een modaal dialoogvenster Lightbox en geeft het tooltip Cart-voorbeeld weer.
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.
Drijfde naar links
Dit is een voorbeeld van een afbeelding die naar links zweeft van de inhoud die eraan voorafgaat. Deze widget opent een modaal dialoogvenster Lightbox, maar geeft geen knopinfo weer.
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.
Weergeven bij laden van pagina
U kunt een Lightbox hebben die wordt geopend bij het laden van de pagina door de queryreeksparameter dialogOnLoad samen met de ID-postfix toe te voegen.