Der Inhaltstyp "Bild"

Eine der Stärken von Typo3 sind die umfangreichen Bildfunktionen. Mit dem Inhaltstyp "Bild" können Sie beliebig viele Bilder in die Seite einbinden. Sie werden entsprechend der TypoScript-Konfiguration im Frontend angezeigt. Auch die Größe, der Typ und die Kompressionsrate der Bilder werden intern von Typo3 bearbeitet und kann von Ihnen verändert werden.

Im Formularbereich "Bilder" können Sie mittels des Icons  den "Typo3 Element Browser" aufrufen, die gewünschten Bilder innerhalb des Verzeichnisbaums der Medienverwaltung auswählen und bei Bedarf sogleich neue in diese hochladen. Mit dem Icon  wird das markierte Bild an die erste Stelle in der Reihenfolge verschoben und mit dem Icon  entfernen Sie überflüssige und markierte Bilder. Der "Typo3 Element Browser" wird im Anschluss noch ausführlicher beschrieben.

Bedienen Sie sich des Buttons "Durchsuchen", können Sie ebenfalls schnell Bilder von Ihrem Arbeitsplatz aus auf den Server laden und gleichzeitig als Bildelement in die Seite integrieren. Der Unterschied zur ersten Methode besteht jedoch darin, dass die so eingebundenen Bilder nicht in der Medienverwaltung für weitere Verwendungen zu Verfügung stehen, sondern von Typo3 intern verwaltet werden.

Als Eingabefelder im Formularbereich "Bilder" sind vorhanden:

"Position": Mit der Festlegung der Position richten Sie die Bildelemente im Rahmen des Contentbereiches aus. Für den Inhaltstyp "Bild" sind lediglich die Einstellungen mittig, rechts, links relevant. Für den Inhaltstyp "Text mit Bild" legt die Position des Weiteren die Ausrichtung des Bildes im Verhältnis zum Text fest.

"Breite (pixels)": Bestimmen Sie die Breite des Bildes in Pixel mit welcher das Bild auf der Website angezeigt werden soll. Beachten Sie, dass für das Ausgabetemplate in der Regel eine maximale Bildbreite das Auseinanderdriften des Rahmenlayouts verhindert.

"Bildtext": Der Bildtext gibt in der Regel einen Untertitel, eine Kurzbeschreibung oder das Copyright direkt unter dem Bild wieder, kann jedoch auch durch das Ausgabetemplate spezifiziert werden. Haben Sie mehrere Bilder eingefügt bildet jeweils eine Zeile den Bildtext in der Reihenfolge der Bilder.

Als erweiterte Optionen können Sie festlegen:

"Spalten": Sollen die Bilder in mehreren Spalten angezeigt werden, geben Sie hier die Anzahl ein.

"Keine Reihen": Ist die Checkbox aktiviert werden die Bilder in einer senkrechten Spalte direkt untereinander mit gleichen Abständen und ohne Ausrichtung zu anderen Spalten abgebildet.

"Rahmen": Aktivieren Sie die Checkbox, werden die Ihre ausgewählten Vorgaben auf der Website abgebildet.

"Höhe (Pixel)": Bestimmen Sie die Höhe des Bildes in Pixel.

"Verweis": In der Defaulteinstellung verweisen alle Bilder auf den Link der mittels "RTL Link Browser" eingestellt werden kann. Wählen Sie zwischen einer "Seite", "Datei", "Externe URL" oder "Email". Erlaubt Ihr Ausgabetemplate je einen eigenen Link für pro Bild, so listen Sie die einzelnen Links mit einen Komma getrennt auf.

"Klick-vergrössern": Das Feature erlaubt es, ein verkleinertes Bild in einem neuen Fester in Orginalgröße darzustellen.

"Qualität": Wählen Sie das Format und die Kompressionsrate (gif, jpg, png) für die Bilder, wie sie auf der Seite angezeigt werden sollen.

"Effekte": Mittels einer ganzen Reihe von Effekten können Sie die Bilder verändern (Kontrast, Helligkeit, Schärfe, Normalisieren, Graubild) oder drehen.

"Rahmen": Wünschen Sie einen farbigen Rahmen um die Bilder, wählen Sie eine der Vorgaben.

"Justierung": Das letzte Eingabefeld justiert den Bildtext, der standardisiert unter dem Bild ausgegeben wird durch die Optionen "Mitte" "Rechts" "Links".

Der "Typo3 Element Browser" mit dem Verzeichnisbaum:

Navigieren Sie innerhalb des Verzeichnisbaums zu dem Ordner in welchen Sie die einzubindenden Bilder abgelegt haben.

Möchten Sie neue Bilder in die Medienverwaltung hochladen, durchsuchen Sie Ihren Arbeitsplatz und betätigen anschließend den Button "Upload". Das Bild würde in unserem Bespiel im Pfad: fileadmin/info/ abgelegt werden. 

Um Ihre Medien zu organisieren können Sie eigene Ordner anlegen.

Um ein Bild auszuwählen, navigieren Sie über den Verzeichnisbaum zu dem gewünschten Ordner.

Durch Klicken auf dem Bildnamen oder auf das Bild selbst wird das Bild ausgewählt und der "Typo3 Element Browser" geschlossen.

Möchten Sie mehrere Bilder auswählen, klicken Sie auf des jeweilige Icon und das Bild wird der Liste hinzugefügt.

Weitere Informationen zum jeweiligen Bild erhalten Sie über das  Icon.

Im nächsten Schritt wird der Inhaltstyp "Text mit Bild" vorgestellt.

nächste Seite