Der Bild-Abschnitt enthält:
- die Möglichkeit, Abbildungen wahlweise aus einem Bilderpool auszuwählen oder direkt hochzuladen
- Angabe zur Bilddarstellung: links, rechts, groß, kleines Bild links, kleines Bild rechts
- Copyright-Hinweis (Eingabemöglichkeit nur bei direkt hochgeladenen Bildern)
- Pflichtfeld für Alternativtext – ohne diesen wird der Bildabschnitt nicht ausgegeben
- Bildunterschrift (Eingabe überschreibt die von verknüpften Bildern geerbte Bildunterschrift)
- Auswahl des Klickverhaltens: Vergrößerungs-Funktion, Link (intern, extern und Download) oder „keine Aktion“, Standard ist die Vergrößerungsfunktion
Lorem ipsum dolor sit amet
Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem. Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur? Quis autem vel eum iure reprehenderit qui in ea voluptate velit esse quam nihil molestiae consequatur, vel illum qui dolorem eum fugiat quo voluptas nulla pariatur?
Eine ganz normale Überschrift im Text-Abschnitt
Die Anzeige des Vergrößerungs- oder Linksymbols erfolgt rechts unten im Bild. Wird über einen internen Link auf eine Bildergalerie verwiesen, wird ein Bildergalerie-Symbol ausgegeben. Unabhängig von der Darstellung des Symbols kann das ganze Bild angeklickt werden, um die hinterlegte Aktion auszulösen. Bilder werden auf die im Styleguide vorgegebene Größe verkleinert, die Höhe wird automatisch ermittelt. Zu kleine Bilder werden vergrößert ausgegeben.
Die Vergrößerungs-Funktion auf der Website stellt das zu vergrößernde Bild in der aktiven Seite als Layer mittig über den Inhalten der Seite dar. Die Inhalte der Seite werden hierbei mit einem weiteren Layer halbtransparent abgedunkelt. Ein „schließen“-Button wechselt zurück zur Seitenansicht. Enthält eine Seite mehrere Bild-Abschnitte, können alle Bilder in der Großbildansicht über eine Blätterfunktion nacheinander betrachtet werden. Die Vergrößerungs-Funktion arbeitet unter Verwendung von JavaScript ohne erneuten Seitenaufruf. Ist JavaScript nicht verfügbar, wird das Bild über einen direkten Link zum Bild aufgerufen.