Sie befinden sich hier

Inhalt

Tageszeitabhängige Anzeige von Bildern

Immer wieder wird vom Kunden nachgefragt, ob man nicht tageszeitabhängig verschiedene Bilder in einem Seitenkopf anzeigen lassen kann. Mit Typo3 ist das gar kein Problem und recht einfach mit TS zu realisieren.

Um das Modul für die tagezeitabhängige Anzeige von Bildern in Typo3 zu realisieren gehen wir davon aus, dass es im Template einen Marker mit dem Namen "HEADERIMAGE" vorhanden ist und auch richtig von Typo3 geparst wird. Im Template würde an einer Stellen ###HEADERIMAGE### stehen. Im TS ist zusätzlich "10 = TEMPLATE" als Template gekennzeichnet und wir arbeiten nun mit den verfügbaren Markern.

page = PAGE
page{
  ...
  # Headerimage ist vom Typ IMAGE
  10.marks.HEADERIMAGE = IMAGE
  # Standardmaessig wird das folgende Bild angezeigt
  10.marks.HEADERIMAGE.value = /fileadmin/images/standardbild.jpg
}

Das Standardbild soll nun tageszeitabhängig wechseln. Hierfür muss man sich im Voraus Gedanken machen, welche Tageszeiten Sinn machen und man natürlich auch die passenden Bilder hat oder ggf. noch erstellen lassen muss. Eine einfache Struktur ist folgenden:

  1. Morgens (06:00 Uhr bis 09:00 Uhr)
  2. Vormittag (09:00 Uhr bis 12:00 Uhr)
  3. Mittag (12:00 Uhr bis 15:00 Uhr)
  4. Nachmittag (15:00 Uhr bis 18:00 Uhr)
  5. Abend / Nacht (18 Uhr bis 06:00 Uhr)

Zum Realisieren muss mit den Typo3 Conditions gearbeitet werden. Es ergibt sich folgendes TS:

page = PAGE
page{
  ...
  # Headerimage ist vom Typ IMAGE
  10.marks.HEADERIMAGE = IMAGE
  # Standardmaessig wird das folgende Bild angezeigt
  10.marks.HEADERIMAGE.value = /fileadmin/images/standardbild.jpg
}

[hour = >6, <9]
page.10.marks.HEADERIMAGE.value = /fileadmin/images/morgens.jpg
[global]
[hour = >9, <12]
page.10.marks.HEADERIMAGE.value = /fileadmin/images/vormittags.jpg
[global]
[hour = >12, <15]
page.10.marks.HEADERIMAGE.value = /fileadmin/images/mittags.jpg
[global]
[hour = >15, <18]
page.10.marks.HEADERIMAGE.value = /fileadmin/images/nachmittags.jpg
[global]
[hour = >18, <6]
page.10.marks.HEADERIMAGE.value = /fileadmin/images/abends.jpg
[global]

Bei der Arbeit mit den Typo3 Conditions sollte man immer darauf achten, dass man die Conditions nicht in geschweiften Klammern verwenden kann. Deshalb muss man innerhalb der Conditions den kompletten Pfad des Objektes angeben. Innerhalb der Condition kann natürlich wieder mit geschweiften Klammern gearbeitet werden.

Neben der tageszeitabhängigen Anzeige von Bildern, lässt sich das ganze natürlich auch für Texte wie z.B. tageszeitabhängige Begrüßungen nutzen.

Kontextspalte