Zum Hauptinhalt springen

Images

Es gibt diverse Arten, Bilder einzubinden. Hierbei bieten fast alle Elemente diverse Einstellungen.  Bilder ohne Texte können im Images-Element dargestellt werden.

  • Man kann beliebig viele Bilder auswählen und in 1,2,…oder 6 Spalten darstellen.
  • Durch den Toggle ‘Enlarge on Click’ kann man dem Nutzer eine große Detailansicht ermöglichen

Ebenso ist es wichtig, dass die Bilder im Backend einheitlich gepflegt werden und die Infos zu Copyrights und Alttexten vorhanden sind. Vorgaben und dazu hier 

 

Vorgaben für Bilder

Das ist ein 'Images' - Element

Das ist ein 'Text und Image' -Element

Das Bild wird im 2. Reiter gepflegt. Man kann

  • die Position des Bildes bestimmen (oben, unten, links, rechts)
  • entscheiden, ob das Bild zentriert zum Text oder beginnend mit dem Text positioniert wird
  • mehrere Bilder einbinden
  • die Anzahl der Spalten bei mehreren Bilder auswählen  

Text-Image Varianten ansehen

Das ist ein 'Card Group' - Element

BMW BERLIN-MARATHON: Massenstart inklusive Feuerwerk © SCC EVENTS / Petko Beier

Karte 1

Subheader 1

  • man kann mit Karten viel darstellen
  • die Formate der Bilder sind frei und bestimmen die Darstellung

Karte 2

Subheader 2

  • es bietet sich aber an, alle Bilder im gleichen Format an zuliefern, damit man ein einheitliches Bild bekommt

Karte 3

Subheader 3

  • auch ohne Bild funktioniert eine Karte
  • man kann Links setzen oder Buttons nutzen
  • auch ein Extramodal für mehr Text ist möglich