Automatische Galerie mit Hugo-Thumbnails

So funktioniert’s:

1. Bilder hinzufügen:

Kopieren Sie einfach Ihre Bilder in die entsprechenden Ordner:

  • assets/images/galerie/innenraeume/ - für Innenaufnahmen
  • assets/images/galerie/aussenansichten/ - für Außenaufnahmen
  • assets/images/galerie/veranstaltungen/ - für Event-Fotos

2. Unterstützte Formate:

  • WebP (empfohlen)
  • JPG/JPEG
  • PNG

3. Automatische Funktionen:

  • ✅ Thumbnail-Generierung (400x300px zugeschnitten)
  • ✅ Optimierte Vollbilder (max. 1600px Breite, Seitenverhältnis bleibt erhalten)
  • ✅ Automatische Titel aus Dateinamen
  • ✅ Animation beim Laden der Seite
  • ✅ Keine Konfiguration notwendig!

4. Tipps:

  • Benennen Sie Dateien aussagekräftig: grosser-saal.webp wird zu “Grosser Saal”
  • Optimal: Bilder mit mindestens 1600px Breite
  • Hugo generiert automatisch WebP-Versionen
  • Thumbnails werden zugeschnitten (400x300)
  • Vollbilder behalten ihr Seitenverhältnis

Die Galerie erkennt automatisch alle Bilder und zeigt sie beim Laden der Seite mit gestaffelter Animation an!