Lightbox-Dialoge

Mit dem Lightbox-Widget können Nutzer Multimedia-Inhalte in modalen Dialogfeldern ansehen.

Allgemeine Verwendung

Dies ist eine Beispielschaltfläche, die ein Lightbox-Dialogfeld öffnet:

Zustandsdiagramm

Dies ist ein Anchor-Tag, dessen href-Attribut auf #lightbox-trigger gesetzt ist. Es kann auch zum Öffnen einer Lightbox verwendet werden:

Bild anzeigen

Zustandsdiagramm

YouTube-Videos

Beispiel für eine Schaltfläche, über die ein YouTube-Videodialogfeld geöffnet wird:

Über diesen YouTube-Link wird ein YouTube-Videodialogfeld geöffnet:

Video ansehen

Bilder

Bilder können auch in modalen Lightbox-Dialogfeldern angezeigt werden. Dies ist besonders gut geeignet, um die Details eines Screenshots zu sehen, ohne ein Bild in voller Breite hinzufügen zu müssen.

Unverankert rechts

Einkaufswagenbeispiel

Dies ist ein Beispiel für ein Bild, das rechts vom vorherigen Inhalt schwebt. Dieses Widget öffnet ein modales Lightbox-Dialogfeld und zeigt die Kurzinfo Beispiel für Einkaufswagen an.

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 exeritation 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. Exceptioneur sint occaecat cupidatat nicht sehr wahrscheinlich, sonnen in culpa qui officia deserunt mollit anim id est laborum.

Unverankert links

Dies ist ein Beispiel für ein Bild, das links neben dem vorherigen Inhalt schwebt. Mit diesem Widget wird ein modales Lightbox-Dialogfeld geöffnet, aber keine Kurzinfo angezeigt.

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 exeritation 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. Exceptioneur sint occaecat cupidatat nicht sehr wahrscheinlich, sonnen in culpa qui officia deserunt mollit anim id est laborum.

Beim Seitenaufbau anzeigen

Sie können eine Lightbox, die beim Seitenaufbau geöffnet wird, verwenden, indem Sie den Abfragestringparameter dialogOnLoad zusammen mit der ID-Postfix hinzufügen.

Zustandsdiagramm