Zur NavigationZum InhaltKontaktMenuTrouver un composantAperçu Web (Legacy)Trouver un composant
Basics
More Info
Brand
More Info
Divider
More Info
Typografie
Components
More Info
Accordion
More Info
Autocompletion
More Info
Breadcrumb
More Info
Button
More Info
Captcha
More Info
Checkbox
More Info
Checkboxpanel
More Info
Datepicker
More Info
lightbox
More Info
Fileselector
More Info
Ghettobox
More Info
Link
More Info
Loading Indicator
More Info
Mediagallery
More Info
Mediaslider
More Info
NBC
More Info
Notification
More Info
Pagination
More Info
Processflow
More Info
Radiobutton
More Info
Radiobuttonpanel
More Info
Searchfield
More Info
Select
More Info
Tab
More Info
Table
More Info
Tag
More Info
Textarea
More Info
Textexpand
More Info
Textfield
More Info
Timefield
More Info
Toggle
More Info
Tooltip
More Info
Usermenu
PrincipesBasesAccessibilitéSystème de designGuidelinesDeutschFrançaisItalianoEnglishNos principes de designCentré sur l’utilisateurReconnaissableInclusifMinimalisteHolistiqueAuto-explicatifAxé sur les tâchesAppropriéPortail de la marque CFFLogoHorloge numériqueDroits d’utilisationCouleurs de baseCouleurs fonctionnellesCouleurs off-brandIcônesIcônes de l’horairePictogrammesÀ propos de l’accessibilitéÀ propos de ce guideContactInformations complémentairesProduct OwnerUser ResearchInteraction DesignVisual DesignDevelopmentContent DesignTestingWhat is a design system?ConceptionDévelopperFAQAideProcèsContributionContactAperçuBaseComposantsOverviewReleasesDesign TokensComposantsAperçuBaseInformationsAperçuBaseComposantsSens & objectifCommunity AssetsInstructionsPower-AppsBandeaux publicitaires numériquesSAPIcônes d’applications Cette page n'est pas disponible dans la langue souhaitée. Langues disponibles DeutschEnglishMediagallery Übersicht
Was macht die Komponente?
Dient zu Darstellung von sieben und mehr Bildern / Videos in einer Auflistung.
Wann soll die Komponente eingesetzt werden?
Bei einer Auflistung von mehreren Bildern/Videos.
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 die Komponente innerhalb des Containers auf 110% (maskiert).
Bei Touch-Devices kann durch Swipen das nächste/vorhergehende Element angezeigt werden.
Zustände und Varianten
Zustände
Die Komponente hat folgende Zustände:
Default
Detail
Varianten
Standard
Mit zusätzlichem Text
Spezifikationen
Design
ImpressumContactProtection des donnéesParamètres des cookies