Lightbox
Vollbild-Anzeige mit Zoom-Funktion.
Galerie einrichten
Das Galerie-Modul ermöglicht es dir, Fotos in einer eleganten Galerie mit Lightbox-Funktion zu präsentieren. Ideal für Künstler, Fotografen und Events.
Übersicht
Section titled “Übersicht”Das Galerie-Modul bietet folgende Funktionen:
Layouts
Grid, Masonry oder Carousel.
Organisation
Kategorien/Alben und Tags.
Speicher-Wahl
Lokal oder Cloud-Speicher.
Setup starten
Section titled “Setup starten”- Öffne den Edit Mode in deiner App
- Gehe zu Module & Features
- Tippe auf Galerie und dann auf Einrichten
- Der Setup-Assistent öffnet sich
Die Setup-Schritte im Überblick
Section titled “Die Setup-Schritte im Überblick”Das Galerie-Setup besteht aus drei Hauptschritten:
Schritt 1: Speicherort wählen
Section titled “Schritt 1: Speicherort wählen”Wähle, wo deine Galerie-Bilder gespeichert werden sollen.
Optionen:
| Speicherort | Beschreibung |
|---|---|
| Lokaler Speicher | Bilder in der App gebündelt |
| Cloud-Speicher | Bilder in Firebase Storage |
Schritt 3: Layout & Design
Section titled “Schritt 3: Layout & Design”Konfiguriere das Aussehen des Galerie-Moduls.
Verfügbare Layouts:
| Layout | Beschreibung |
|---|---|
| Grid | Gleichmäßiges Raster mit fester Größe |
| Masonry | Pinterest-ähnliches Layout mit variablen Höhen |
| Carousel | Horizontaler Slider mit Auto-Play Option |
Lokaler vs. Cloud-Speicher
Section titled “Lokaler vs. Cloud-Speicher”Bilder werden in der App gebündelt.
Vorteile:
- Kein Firebase erforderlich
- Offline verfügbar
- Schnelle Performance
- Keine laufenden Kosten
Nachteile:
- Bilder können nicht remote aktualisiert werden
- App-Update für neue Bilder erforderlich
- Erhöht App-Größe
Ideal für:
- Feste Bildsammlungen
- Apps ohne Firebase
- Offline-First Apps
Bilder werden in Firebase Storage gespeichert.
Vorteile:
- Bilder remote aktualisierbar
- Kein App-Update für neue Bilder
- App-Größe bleibt klein
- Dynamische Inhalte möglich
Nachteile:
- Firebase erforderlich
- Laufende Kosten bei vielen Downloads
- Internetverbindung zum Laden nötig
Ideal für:
- Dynamische Galerien
- Häufig aktualisierte Inhalte
- Event-Galerien
Nach der Einrichtung
Section titled “Nach der Einrichtung”Nach erfolgreichem Setup:
- ✅ Speichermodus ist festgelegt
- ✅ Bilder können hochgeladen werden
- ✅ Kategorien/Alben können erstellt werden
Nächste Schritte
Section titled “Nächste Schritte” Galerie-Editor Lade Bilder hoch und verwalte sie
Layout anpassen Grid, Masonry oder Carousel
Abhängigkeiten
Section titled “Abhängigkeiten”| Modul | Lokaler Speicher | Cloud-Speicher |
|---|---|---|
| Firebase | Nicht erforderlich | Erforderlich |
| Firebase Auth | Nicht erforderlich | Erforderlich |
| Admin-Modul | Empfohlen | Empfohlen |
Storage-Pfade
Section titled “Storage-Pfade”Bei Cloud-Speicher werden folgende Storage-Pfade verwendet:
| Pfad | Beschreibung |
|---|---|
/gallery/{imageId} | Hauptbilder |
/gallery/thumbnails/{imageId} | Vorschaubilder |
/gallery/categories/{categoryId} | Kategorie-Cover |
Berechtigungen:
- Lesen: Jeder kann Bilder sehen
- Schreiben: Nur Admins können hochladen/löschen
Unterstützte Bildformate
Section titled “Unterstützte Bildformate”| Format | Unterstützt |
|---|---|
| JPEG/JPG | ✅ |
| PNG | ✅ |
| GIF | ✅ |
| WebP | ✅ |
| HEIC | ✅ (wird konvertiert) |
Weiterführende Themen
Section titled “Weiterführende Themen” Speicherort wählen Lokal oder Cloud-Speicher
Layout & Design Grid, Masonry oder Carousel
Galerie-Editor Bilder hochladen und verwalten