Überblick

Spyra Rocks Lightbox ergänzt ausgewählte Bilder um eine schnelle Lightbox ohne jQuery. CSS und JavaScript werden nur geladen, wenn sie auf der jeweiligen Seite benötigt werden.

Nutzung mit Gutenberg

1. Bildblock in WordPress auswählen.
2. In der rechten Seitenleiste Erweitert öffnen.
3. Bei Zusätzliche CSS-Klasse(n) die Klasse srlb eintragen.
4. Seite speichern.

Beim Anklicken des Bildes öffnet sich anschließend die Lightbox.

Shortcode

Mehrere Bilder können über den Shortcode gruppiert werden:

[srlb group="beispiel"]
  ... Bilder oder Galerie ...
[/srlb]

Bilder innerhalb derselben Gruppe erhalten eine Vor-/Zurück-Navigation.

Hinweise

Die Lightbox wird bewusst nur für markierte Bilder aktiv. Dadurch bleibt die restliche Website schlank und unbeeinflusst.