Erstellen Sie an der gewünschten Stelle ein neues Inhaltselement. Wählen Sie den Typ Nur Bilder aus.
Falls Ihr Bild schon in TYPO3 vorhanden ist, weil Sie es vorher in der Dateiliste hochgeladen haben:
Falls Ihr Bild noch nicht in TYPO3 vorhanden ist:
Im Verzeichnis des Dateibaums sollte das Bild jetzt erscheinen. Das Verzeichnis ist alphabetisch geordnet, ggf. müssen Sie zu dem Bild scrollen.
Klicken Sie den Namen des Bildes an.
Jetzt ist das Bild in Ihre Seite übernommen. Um das Bild weiter anzupassen, klicken Sie auf den kleinen Pfeil links neben dem Vorschaubild.
Die Bilder werden im TU-Webdesign standardmäßig mit eine grafischen Illustration hinterlegt. Das System wählt diese automatisch anhand der Maße des hochgeladenen Bildes (Quer- oder Hochformat). Sie können die Illustration händisch anpassen oder ganz entfernen.
Um zwei Bilder nebeneinander darzustellen, fügen Sie im Reiter Bilder zwei Bilder hinzu und setzen dann die Anzahl der Spalten auf den Wert 2.
Die Hintergrundgrafik kann in dieser Darstellung nicht verändert oder entfernt werden.
Für die Darstellung mehrerer Bilder bieten sich der Imageslider oder das Imagegrid an.
Der Imageslider generiert eine Bildergalerie. Hierfür wird die gewünschte Anzahl von Bildern im Reiter Bilder in das Inhaltselement geladen. Die Reihenfolge in der Liste bestimmt auch die Reihenfolge im Slider - indem Sie die drei Striche mit einem Mausklick festhalten, können Sie die Bilder verschieben. Wählen Sie dann unter Bilderdarstellung die Option Slider aus und speichern Sie. Wir empfehlen nur Querformat-Bilder für den Imageslider und diese nicht mit Hochformaten zu mischen.
Das Imagegrid zeigt bis zu sechs Bilder auf einer Hintergrundillustration angeordnet an. Hierfür wird ebenfalls die gewünschte Anzahl von Bildern im Reiter Bilder in das Inhaltselement geladen. Wählen Sie dann unter Bilderdarstellung die Option Grid aus und speichern Sie.Die Bilder werden automatisch in einem bestimmten Layout angeordnet, Sie können nur die Anzahl und Reihenfolge der Bilder ändern. Auch die Illustration kann nicht entfernt werden.