Dynamisches Header-Bild aus den Seiteneigenschaften

66 Kommentare | Rubrik: Module

Immer wieder wünschen Kunden ein dynamisches Bild im Header der Website. Dieses TS zeigt wie man in Typo3 dieses State-of-the-Art Bild einbinden kann.

Auf vielen Webseiten sieht man im Header der Website ein wechselndes Bild, dass sich für jede Unterebene ändert. Das Bild soll natürlich im CMS Typo3 pflegbar sein und sich möglichst generisch anpassen. Das folgende TS zeigt beispielhaft wie ein solches Header-Bild umgesetzt werden kann. Dabei wird das Medien-Feld aus den Seiteneigenschaften genutzt, in dem mehrere Bilder hinterlegt und eingebunden werden können.

Das TS zum Auslesen des Header-Bildes, holt sich das erste Bild in der Liste und vererbt es bei Bedarf unendlich weit in die Unterebenen.

In den Constants kann man zusätzlich noch ein Standard-Bild genutzt werden.

Constants:

headerimage = Pfad/zum/Bild.jpg

TS:

lib.headerimage = IMAGE
lib.headerimage {
  file = {$headerimage}
  file.import = uploads/media/
  # Vererbung über unendliche Unterseiten
  file.import.data = levelmedia:-1, slide
  # erstes Bild im Feld nehmen
  file.import.listNum = 0
  file.import.override.field = media                  
  # maximale Bildbreite
  file.maxW = 950
  # maximale Bildhöhe
  file.maxH = 150
  # den IMG-Tag wrappen
  wrap = | 
  # alt-Text auch als Constante
  altText = alternativer Text
  # title-Text auch als Constante
  titleText = Titel des Bildes
  # zusaetzliche Parameter
  params = class="meineKlasse"
}