Media-Elemente

# Bild

Wenn keine weiteren Einstellungen am Bild vorgenommen werden, wird ein Bild immer zentriert dargestellt. Dies ist auf kleinen Bildschirmen häufig die bessere Wahl. Um Bilder links oder rechts auszurichten, gibt es die zusätzlichen Klassen .image--left bzw. .image--right.

#

Bild-Element

#

Bild-Element links

Klasse .image--left bewirkt, dass das Bild linksbündig ausgerichtet wird

#

Bild-Element rechts

Klasse .image--right bewirkt, dass das Bild linksbündig ausgerichtet wird

# Galerie

Galerien mit 2-6 Spalten sind in den Stylesheets bereits vorbereitet und erhalten auch für Smartphones und Tablets eine Grundoptimierung.

#

4 Vorschaubilder pro Reihe

Über die Klasse ul.cols_4 werden die CSS-Anweisungen für eine 4-spaltige Galerie zugewiesen.

#

3 Vorschaubilder pro Reihe

Über die Klasse ul.cols_3 werden die CSS-Anweisungen für eine 3-spaltige Galerie zugewiesen.

#

2 Vorschaubilder pro Reihe

Über die Klasse ul.cols_2 werden die CSS-Anweisungen für eine 2-spaltige Galerie zugewiesen.

# Video/Audio

#

Video (selbst gehostet)

Das Script j_mediaelement muss im Seitenlayout aktiviert sein. Das Video wird auch responsive optimiert, geht aber davon aus, dass das Seitenverhältnis 16/9 ist.

#

Audio

Das Script j_mediaelement muss im Seitenlayout aktiviert sein.

# Youtube

#

Youtube

Das Script j_mediaelement muss im Seitenlayout aktiviert sein. Das Video wird auch responsive optimiert, geht aber davon aus, dass das Seitenverhältnis 16/9 ist.