Miniaplikácia Lightbox umožňuje používateľom zobraziť multimediálny obsah v modálnych dialógových oknách.
Všeobecné použitie
Toto je vzorové tlačidlo, ktoré otvorí dialógové okno Lightbox:
Toto je kotviaca značka s atribútom href nastaveným na #lightbox-trigger a možno ju použiť aj na otvorenie svetelnej schránky:
YouTube videá
Toto je vzorové tlačidlo, ktoré otvorí dialógové okno videa YouTube:
Toto je odkaz na YouTube, ktorý otvára dialógové okno videa YouTube:
snímky
Obrázky je možné zobraziť aj v modálnych dialógoch Lightbox. Funguje to obzvlášť dobre na zobrazenie podrobností snímky obrazovky bez toho, aby ste museli pridať obrázok v plnej šírke.
Plávalo vpravo
Toto je príklad obrázka, ktorý sa vznáša napravo od obsahu, ktorý predchádza. Táto miniaplikácia otvorí modálne dialógové okno Lightbox a zobrazí popis príkladu košíka .
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 cvičenie 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. Okrem sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Plávalo doľava
Toto je príklad obrázka, ktorý sa vznáša naľavo od obsahu, ktorému predchádza. Tento widget otvára modálne dialógové okno Lightbox, ale nezobrazuje popis.
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 cvičenie 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. Okrem sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Zobraziť pri načítaní stránky
Môžete mať Lightbox, ktorý sa otvorí pri načítaní stránky pridaním parametra reťazca dotazu dialogOnLoad spolu s postfixom ID.