Gallery Viewer – Interaktive Lightbox für WordPress
Verwandle deine WordPress-Galerien in ein modernes, responsives und mobiles Erlebnis. Gallery Viewer macht das Betrachten von Bildern auf Desktop und Mobilgeräten intuitiv, schnell und elegant – ganz ohne externe Bibliotheken.
Gallery Viewer entfaltet seine ganze Kraft am besten mit Real Media Library von devowl.io.
Sieh Dir dieses Beispiel an!
Hauptfunktionen auf einen Blick
- 📷 Lightbox Overlay: Vollbilddarstellung mit klarer Navigation
- ⬅️➡️ Vor/Zurück Navigation: Einfach zwischen Bildern wechseln
- 🔍 Optionales Zoom: Desktop- & Mobile-Zoom für Details
- ✋ Drag & Swipe: Bilder bei Zoom verschieben, mobil wischen
- ⚡ Preloading: Vor- und Nachbilder werden automatisch geladen
- 🌐 Flexibel: Öffne Bilder optional in neuem Tab
- 🖥️ Performance-optimiert: Kein jQuery, keine externen Bibliotheken
- 🛠️ Einfach zu nutzen: Funktioniert automatisch mit allen WordPress-Galerien
Warum Gallery Viewer?
- Schnell, leichtgewichtig und stabil
- Mobile-first: Touch Swipe und optional Mobile Zoom
- Vollständig anpassbar über Einstellungen oder CSS
- Automatische Erkennung aller Galerie-Links – kein Shortcode nötig
Ideal für
- Blogger, Fotografen und Kreative, die Bilder eindrucksvoll präsentieren möchten
- Websites, die Performance und Benutzerfreundlichkeit in den Vordergrund stellen
- Alle, die eine leichtgewichtige Alternative zu klassischen Lightbox-Plugins suchen
💡 Pro-Tipp: Kombiniere Gallery Viewer mit deinem individuellen WordPress-Design – Farben, Buttons und Animationen lassen sich einfach anpassen, um perfekt zum Look deiner Seite zu passen.
ausführliche Beschreibung:
📸 Gallery Viewer – Modernes Lightbox-Overlay für WordPress
Autor: Wulf Frost
Version: 1.5
WordPress Anforderungen: 5.0+
PHP Anforderungen: 7.2+
Lizenz: GPLv2 oder später
🔹 Was ist Gallery Viewer?
Gallery Viewer erweitert die Standard-WordPress-Bildergalerien durch ein leichtgewichtiges, schnelles und responsives Lightbox-Overlay. Es ist speziell darauf ausgelegt, Bilder interaktiv und mobilfreundlich anzuzeigen, ohne zusätzliche externe Bibliotheken zu laden.
Das Plugin funktioniert automatisch mit:
- WordPress Gutenberg Gallery Block
- Klassischen Galerien
- Einzelbildern, die auf ihre Mediendatei verlinken
Keine Shortcodes oder aufwändige Konfiguration nötig – Gallery Viewer bindet sich direkt an vorhandene Galerien an.
🔹 Hauptfunktionen im Detail
1️⃣ Lightbox-Overlay
- Aktiviert ein zentrales Overlay, das über den gesamten Bildschirm geht
- Bietet Vor/Zurück-Navigation für die Bilder
- Zeigt die Bildnummer im Verhältnis zur Gesamtanzahl (Meta-Anzeige)
Unterschied zu Standard-Plugins: Viele andere Plugins zeigen Bilder nur in einem Popup, ohne Navigation oder Meta-Infos. Gallery Viewer liefert beides automatisch.
2️⃣ Desktop & Mobile Zoom
- Desktop: optionaler Zoom beim Klick auf das Bild
- Mobilgeräte: optionaler Zoom, Touch-kompatibel
- Bei aktiviertem Zoom kann das Bild per Drag verschoben werden
Andere Plugins bieten oft nur statische Vergrößerung, ohne Drag-Funktionalität.
3️⃣ Drag & Touch Swipe
- Drag-Unterstützung für Desktop, wenn das Bild gezoomt ist
- Swipe-Unterstützung auf Mobilgeräten, um zwischen Bildern zu navigieren
- Intuitive Steuerung – kein zusätzlicher Klick nötig
Viele Lightbox-Plugins unterstützen nur Klick-Navigation oder benötigen jQuery-Plugins für Swipe.
4️⃣ Flexible Einstellungen
Gallery Viewer bietet ein Backend-Panel unter Settings > Gallery Viewer, in dem du aktivieren/deaktivieren kannst:
- Bilder in neuem Tab öffnen
- Desktop Zoom
- Mobile Zoom
- Drag bei Zoom
- Touch Swipe
- Preloading von Vor-/Nachbildern
Dies ermöglicht eine maßgeschneiderte Nutzererfahrung, ohne dass Code angepasst werden muss.
5️⃣ Preloading & Performance
- Vor- und Nachbilder werden automatisch vorgeladen
- Keine externen JS- oder CSS-Bibliotheken
- Schnell und ressourcenschonend – ideal für Performance-optimierte Seiten
Im Vergleich zu Fancybox oder Magnific Popup wird kein zusätzliches Gewicht geladen.
6️⃣ Keyboard & Close Controls
- Pfeiltasten zur Navigation
- Escape-Taste zum Schließen
- Klick auf das Overlay oder Close-Button zum Beenden
- Intuitive Steuerung für Desktop- und Mobil-Nutzer
🔹 Technische Details (aus dem JS)
- Bindings: Das Plugin erkennt automatisch alle relevanten Galerie-Links (
.rml-gallery,.wp-block-gallery,.gallery a,img[data-full]) - Overlay: Vollbild, zentriert, responsive
- Meta: Anzeige „Aktuelles Bild / Gesamtanzahl“
- Event Observer: Beobachtet dynamisch hinzugefügte Bilder und bindet sie automatisch ein
- Debug-Modus: Konsolenlogs helfen bei der Fehlersuche
🔹 CSS & Styling
- Vollständig anpassbar über CSS
- Steuerungsbuttons und Close-Button mit Hover-Effekten
- Mobile Anpassungen für Buttons, Close-Elemente und Schriftgrößen
🔹 Installation & Nutzung
- Plugin-Ordner hochladen oder ZIP via Plugins > Add New hochladen
- Aktivieren über WordPress Plugins
- Optional: Einstellungen unter Settings > Gallery Viewer anpassen
- Fertig – alle Galerien funktionieren automatisch
🔹 Vergleich mit anderen Lightbox-Plugins
| Feature | Gallery Viewer | Fancybox / Magnific Popup | Responsive Lightbox |
|---|---|---|---|
| Lightbox Overlay | ✔️ | ✔️ | ✔️ |
| Desktop Zoom | ✔️ optional | ✔️ | ✔️ |
| Mobile Zoom | ✔️ optional | ❌ | ✔️ |
| Drag bei Zoom | ✔️ | ❌ | ❌ |
| Touch Swipe | ✔️ | ✔️ | ✔️ |
| Preload | ✔️ | optional | ❌ |
| Keine externen Bibliotheken | ✔️ | ❌ | ❌ |
| Einfache Installation | ✔️ | ❌ (JS Libraries nötig) | ❌ |
🔹 Fazit
Gallery Viewer ist ideal für leichtgewichtige, interaktive und mobile-optimierte Galerien, bei denen Performance, einfache Bedienung und intuitive Navigation im Vordergrund stehen.
Es unterscheidet sich durch Drag/Swipe-Funktionalität, optionales Zoom, Preloading und null externe Abhängigkeiten deutlich von klassischen Lightbox-Plugins.