Приспособлението Lightbox позволява на потребителите да преглеждат мултимедийно съдържание в модални диалози.
Обща употреба
Това е примерен бутон, който отваря диалогов прозорец за лайтбокс:
Това е маркер за котва с атрибута href , зададен на #lightbox-trigger и може да се използва и за отваряне на лайтбокс:
видеоклипове в YouTube
Това е примерен бутон, който отваря диалогов прозорец за видео в YouTube:
Това е връзка към YouTube, която отваря диалогов прозорец за видео в YouTube:
Изображения
Изображенията могат да се показват и в модални диалози на Lightbox. Това работи особено добре, за да видите детайлите на екранна снимка, без да е необходимо да добавяте изображение с пълна ширина.
Плава вдясно
Това е пример за изображение, което плува вдясно от съдържанието, което предхожда. Тази джаджа отваря модален диалогов прозорец Lightbox и показва примера с подсказката за количката .
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.
Изплувал наляво
Това е пример за изображение, което плава вляво от съдържанието, което предхожда. Тази джаджа отваря модален диалогов прозорец на Lightbox, но не показва подсказка.
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.
Показване при зареждане на страницата
Можете да имате Lightbox, който се отваря при зареждане на страницата, като добавите параметъра на низа на заявката dialogOnLoad заедно с постфикса на ID.