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 DeutschEnglishMediaslider Übersicht
Was macht die Komponente?
Dient zur Darstellung von 2 bis 6 Bildern/Videos in einer Auflistung.
Wann soll die Komponente eingesetzt werden?
Bei einer Auflistung von mehreren Bildern/Videos.
Regeln
Es dürfen 2 bis 6 Bilder im Slider verwendet werden.
Bei mehr als 6 Bildern ist Die Komponente «Galerie» einzusetzen.
Die Bilder/Videos im Slider rotieren nie selbständig.
Im Default-Zustand ist immer das erste Bild gewählt.
Bei Hover über einen Video- oder GIF-Eintrag ist der mittlere Teil zusätzlich zum Starten des Videos vorgesehen.
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.
Die Anzahl der Slider-Elemente sind über die Dots unterhalb des Containers ersichtlich.
Durch Klick auf einen dieser Dots wird direkt das dahinterliegende Slider-Element angezeigt.
Das letzte und erste Element können verbunden werden (Karussell-Funktion).
Zustände und Varianten
Zustände
Die Komponente hat folgende Zustände:
Default
Varianten
Standard
Mit zusätzlichem Text
Spezifikationen
Design
ImpressumContactProtection des donnéesParamètres des cookies