Діалогові вікна лайтбоксу

Віджет 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 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.

Показувати при завантаженні сторінки

Ви можете створити лайтбокс, який відкривається під час завантаження сторінки , додавши параметр рядка запиту dialogOnLoad разом із постфіксом ідентифікатора.

Діаграма стану