Widget Lightbox umožňuje uživatelům prohlížet multimediální obsah v modálních dialozích.
Obecné použití
Toto je ukázkové tlačítko, které otevře dialogové okno Lightbox:
Toto je kotevní značka s atributem href nastaveným na #lightbox-trigger a lze ji také použít k otevření Lightboxu:
Youtube videa
Toto je ukázkové tlačítko, které otevře dialog videa YouTube:
Toto je odkaz na YouTube, který otevře dialog videa YouTube:
snímky
Obrázky lze také zobrazit v modálních dialozích Lightbox. To funguje zvláště dobře pro zobrazení podrobností snímku obrazovky, aniž byste museli přidávat obrázek v plné šířce.
Plovoucí doprava
Toto je příklad obrázku, který se vznáší napravo od obsahu, kterému předchází. Tento widget otevře modální dialog Lightbox a zobrazí nápovědu příklad košíku .
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. Kromě sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Plaval doleva
Toto je příklad obrázku, který se vznáší nalevo od obsahu, kterému předchází. Tento widget otevře modální dialog Lightbox, ale nezobrazuje nápovědu.
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. Kromě sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Zobrazit při načtení stránky
Můžete mít Lightbox, který se otevře při načtení stránky přidáním parametru řetězce dotazu dialogOnLoad spolu s postfixem ID.