Zum Hauptinhalt springen

Galerie-Komponente

Stelle mehrere Bilder oder Videos als Slider dar und präsentiere visuelle Inhalte in einer durchklickbaren Galerie.

Vor über 2 Wochen aktualisiert

Die Galerie-Komponente dient der Darstellung mehrerer visueller Inhalte innerhalb eines Karussells. Im Unterschied zur Bildkomponente wird hier nicht nur ein einzelnes Bild angezeigt, sondern eine Abfolge von Medien, zwischen denen man manuell navigieren kann.

Optional lassen sich wie gewohnt eine Headline und eine Subheadline einblenden. Auch Layout-Prinzipien und Farbschema verhalten sich identisch zur Bildkomponente.

Die Galerie zeigt jeweils ein Medium gleichzeitig an und passt ihre Höhe automatisch an das aktuell aktive Element an.


Aufbau eines Galerie-Elements

Jedes Galerie-Element kann als Visual enthalten:

Bei Bildern können Zuschnitt und Fokus angepasst und bei Bedarf wieder zurückgesetzt werden.

Unterhalb des Mediums kann eine Caption ergänzt werden. Diese wird über einen Rich-Text-Editor gepflegt und kann formatiert sowie verlinkt werden.

Wichtiger Hinweis zu Bildformaten

Da sich die Komponente bei jedem Wechsel an die Höhe des angezeigten Mediums anpasst, können unterschiedliche Seitenverhältnisse zu sichtbaren Höhenveränderungen führen. Beim Sliden entsteht dadurch ein unruhiger Eindruck.

Es empfiehlt sich daher, alle Bilder bereits vor dem Upload ins Media Archive im gleichen Format anzulegen.

Zwar kann das integrierte Cropping-Tool genutzt werden, um Bilder nachträglich anzupassen, jedoch ist diese Methode ungenauer und kann bei mehreren Elementen zu Inkonsistenzen führen. Für ein sauberes Ergebnis sollten die Bildproportionen vorab vereinheitlicht werden.


Lightbox

Optional kann eine Lightbox aktiviert werden. Diese vergrößert das jeweilige Medium bei Klick, verändert jedoch nicht das grundlegende Layout der Galerie.


Tipps & Tricks

  • Verwende einheitliche Bildformate für ein ruhiges Slider-Verhalten.

  • Plane das Seitenverhältnis der Bilder bereits vor dem Upload.

  • Achte bei Videos auf ein konsistentes Format zur restlichen Galerie.

  • Teste das Wechselverhalten der Slides vor Veröffentlichung.

Hat dies deine Frage beantwortet?