Mediagallery
1. Was macht die Komponente?
Dient zu Darstellung von sieben und mehr Bildern / Videos in einer Auflistung.
2. Wann soll die Komponente eingesetzt werden?
Bei einer Auflistung von mehreren Bildern/Videos.
3. Regeln
- Es dürfen 7 und mehr Bilder/Videos verwendet werden.
- Das angezeigte Bild/Video kann mit einem Text ergänzt werden. Dieser ist immer unterhalb des Bildes/Videos.
- Oberhalb der Galerie wird eine Statuszeile eingeblendet, welche «gezeigtes Bild/Gesamtanzahl Bildern» anzeigt.
- Die Galerie zeigt eine Vorschau der nicht gewählten Bilder/Videos als Thumbs an.
- Durch Klick auf ein Thumb wird der entsprechende Eintrag gewählt.
- In der mobilen Ansicht werden 3 Bilder der Galerie gleichzeitig untereinander angezeigt. Mit dem Button «Mehr anzeigen» werden jeweils 3 weitere Bilder nachgeladen und angezeigt.
- Der Bild-/Video-Container hat immer das Grundformat 16:9.
- Inhalte welche von diesem Format abweichen werden zentriert (horizontal und vertikal) dargestellt.
- Im Default-Zustand ist immer das erste Bild gewählt und wird gross dargestellt.
- Die Bilder/Videos rotieren nie automatisch.
- Bei Hover über einen Video- oder GIF-Eintrag ist der mittlere Teil zusätzlich zum Starten des Videos vorgesehen.
- Bei Bildern öffnet der Klick auf den mittleren Teil das gewählte Bild grossflächig in einer Lightbox.
- Bei Hover vergrössert sich das Element innerhalb des Containers auf 110% (maskiert).
- Bei Touch-Devices kann durch Swipen das nächste/vorhergehende Element angezeigt werden.
4. Ausprägungen und Zustände
Die Komponente hat folgende Zustände:
- Default
- Detail
4.1 Standard

Design Spezifikation
Code Spezifikation
In Bearbeitung.
4.2 Mit zusätzlichem Text

Design Spezifikation
Code Spezifikation
In Bearbeitung.