beta

Mediagallery

1. Was macht das Modul?

  • Dient zu Darstellung von sieben und mehr Bildern / Videos in einer Auflistung.

2. Wann soll das Modul 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

Das Modul 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.