Виджет Lightbox позволяет пользователям просматривать мультимедийный контент в модальных диалоговых окнах.
Общее использование
Это пример кнопки, которая открывает диалоговое окно 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 cupidat 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 cupidat non proident, sunt in culpa qui officia deserunt mollit anim id est Laborum.
Показывать при загрузке страницы
Вы можете иметь лайтбокс, который открывается при загрузке страницы , добавив параметр строки запроса dialogOnLoad вместе с постфиксом идентификатора.