zum Inhalt springen

Nur Bilder

Auf dieser Seite werden Elemente des Typs "Nur Bilder" dargestellt. Elemente dieses Typs haben kein eigenes Text-Feld sondern zeigen jeweils nur ein oder mehrere Bilder an. Sind mehrere Bilder ausgewählt, kann gewählt werden, ob sie als Slider angezeigt werden sollen, oder in ein bis sechs Spalten nebeneinander bzw in Zeilen untereinander.

Die Bilder können dabei unterschiedliche Metadaten haben oder von der Dateiverwaltung aus gesperrt worden sein. Wurden in den Metadaten der Autor oder die "Caption" gesetzt, werden diese erzwungenermaßen der optionalen Bildunterschrift hinzugefügt. Sind Author und Caption leer, kann man Bilder auch ohne Begleittext angezeigt werden.

Die Bilder können entweder verlinkt werden, oder es kann die Funktion "Klick Vergrößerung" aktiviert werden, beides gleichzeitig ist natürlich nicht möglich.

Normalerweise ist es nicht möglich, die Anzeige-Größe eines Bildes einzustellen, da sie sich ein das Responsive-Layout einfügen. Man gibt also nur die Darstellung in Prozent an (33%, 50%, 67%, 100%) an, die Höhe berechnet sich automatisch aus der gewählten Breite und dem Seitenverhältnis. Es ist ratsam das Bild immer mit einer Pixel-Breite von rund 1000px hochzuladen, TYPO3 sorgt selbst dafür, dass das Bild korrekt skaliert wird.
Bei sehr kleinen Bildern oder bei Bildern, die Pixel-genau angezeigt werden müssen (technische Zeichnungen, Landkarten, ...) kann es sinnvoll sein, die Breite in Pixeln manuell anzugeben. Dadurch wird die Responsive Darstellung deaktiviert.

Werden mehrere Bilder zusammen dargestellt, ist es sehr wichtig, auf ein gleiche Seitenverhältnis zu achten, werden z.B. Hoch- und Querformat-Bilder gemischt muss wahrscheinlich mit Trennern gearbeitet werden. Bilder können auch von Text umflossen werden. Beides wird auf der Seite zum Thema Grid dargestellt.

Bild-Elemente werden auf dieser Seite näher erklärt.

Mehrere Bilder, 100px, Oben links, Slider

1 / 3

Mehrere Bilder, 100px, Oben links, dreispaltig

Mehrere Bilder, 100px, Oben links, sechsspaltig

Ein Bild. Bildunterschrift, 100px, Oben links, Slider, „auf Klick vergrößern“ aktiviert

Bildunterschrift

Ein Bild. 100px, Oben links, Slider, „auf Klick vergrößern“ aktiviert

Ein Bild. 100px, Oben links, Einspaltig, „auf Klick vergrößern“ aktiviert x

Zwei Bilder, 100px, Slider, 67% Breite, Jura-Hintergrund, Abstände klein und mittel

1 / 2
  • Foto: Baum mit Himmel

Zwei Bilder, 100px, Slider, 33% Breite, Jura-Hintergrund, Abstände groß und klein

1 / 2
  • Foto: Baum mit Himmel

Drei Bilder, 100px, drei Spalten, 50% Breite, Jura-Hintergrund, Abstände extraklein und extragroß, Klickvergrößerung

Foto: Baum mit Himmel

Drei Bilder, 100px, Slider, 50% Breite, Jura-Hintergrund, Abstände extragroß und extraklein, Klickvergrößerung

3 Bilder, Nicht-Responsiver Wert 40, 3 Spalten, variierende Bildbeschreibungen, Jura-Hintergrund, Klickvergrößerung

Foto: Baum mit Himmel
Beispieltext 1 Beispieltext 1
Beispieltext 2
Beispieltext 3 Beispieltext 3 Beispieltext 3

3 Bilder, Nicht-Responsiver Wert 60, 3 Spalten, variierende Bildbeschreibungen, Jura-Hintergrund, Klickvergrößerung

Foto: Baum mit Himmel
Beispieltext 1 Beispieltext 1
Beispieltext 2
Beispieltext 3 Beispieltext 3 Beispieltext 3