Okna lightbox

Widżet lightbox umożliwia użytkownikom wyświetlanie treści multimedialnych w oknach modalnych.

Ogólne użycie

To jest przykładowy przycisk, który otwiera okno lightbox:

Diagram stanu

To jest tag kotwicy z atrybutem href ustawionym na #lightbox-trigger i może też służyć do otwierania reklam lightbox:

Pokaż obraz

Diagram stanu

Filmy w YouTube

To jest przykładowy przycisk, który otwiera okno filmu w YouTube:

Jest to link do YouTube, który otwiera okno filmu w YouTube:

Obejrzyj film

Obrazy

Obrazy można też wyświetlać w oknach modalnych lightbox. Jest to szczególnie przydatne, gdy chcesz zobaczyć szczegóły zrzutu ekranu bez konieczności dodawania obrazu o pełnej szerokości.

Z prawej strony

Przykład koszyka

To przykład obrazu unoszącego się na prawo od treści. Ten widżet otwiera okno modalne lightbox i wyświetla etykietkę przykład koszyka.

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod materialr 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 eslum cillum dolore eu fugiat nulla pariatur. Exceptione sint occaecat Cupidatat non-idident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Pływający w lewo

To przykład obrazu unoszącego się na lewo od treści. Ten widżet otwiera okno modalne lightbox, ale nie wyświetla etykietki.

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod materialr 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 eslum cillum dolore eu fugiat nulla pariatur. Exceptione sint occaecat Cupidatat non-idident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Pokaż przy wczytaniu strony

Możesz skorzystać z funkcji Lightbox, która otwiera się podczas wczytywania strony, dodając parametr ciągu zapytania dialogOnLoad wraz z identyfikatorem postfix.

Diagram stanu