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:
Dies ist ein Anchor-Tag, dessen href
-Attribut auf #lightbox-trigger
gesetzt ist. Es kann auch zum Öffnen einer Lightbox verwendet werden:
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:
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
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.