Trailerbild
Certified TYPO3 Integrator
Meine aktuelle Buchempfehlung:

Links

Website meiner Frau Martina Thiele:
externer Link folgtwww.tagesmutter- luebbecke.de

Zur Webseite vom Ferienhaus auf Usedom von meinem Bruder Christian Thiele:
externer Link folgtwww.am-jungfernberg.de

Aktuelles:

Telefonanbieter Alice betrügt Kunden!

Meiner Schwiegermutter wurde ohne einen Vertrag unterzeichnet zu haben, von Alice zunächst die...

 
 mehr »

1. TYPO3-Workshop in Ägypten

Poolanlage des Hotels

Am 26. Oktober findet in Ägypten der erste TYPO3-Workshop statt, an dem man neben TYPO3 auch noch...

 
Kat: TYPO3
 mehr »

Neue TYPO3 Versionen schließen mehrere Sicherheitslücken im Core!

Aufgrund mehrerer Sicherheitslücken wird geraten, auf die TYPO3-Versionen 4.2.4, 4.1.8 oder 4.0.10...

 
Kat: TYPO3, Sicherheit
 mehr »
zum Archiv ->
Sie sind hier: Startseite » TYPO3 » TYPO3-Tutorials » Vererbbarer Trailer

Grafischer Trailer mit TypoScript generieren

Mit dem folgenden TypoScript-Code können Sie einen grafischen Trailer erzeugen, den die Redakteure sehr leicht pflegen können, da das Hintergrundbild aus dem Dateien-Feld der Seiteneigenschaften kommt und der darauf liegende Text entweder aus dem Untertitel oder aus dem Seitentitel generiert wird. Der Text ist in jedem Fall da, da das Titelfeld angegeben werden muss. Bei dem Dateien-Feld ist dies nicht so, daher ist hier die Option mit eingebaut, ein Default-Bild anzugeben.

Beispielcode

Sourcecode für Text-Editor optimiert zeigen.
  1. page.10.marks {
  2.     TRAILER = IMAGE
  3.     TRAILER {
  4.         altText = Trailerbild
  5.         params = id="trailerimg"
  6.         file = GIFBUILDER
  7.         file {
  8.             XY = 980, 175
  9.             backColor = #e9e9e9
  10.             10 = IMAGE
  11.             10 {
  12.                 file {
  13.                     width = 980
  14.                     height = 175
  15.                     import {
  16.                         cObject = TEXT
  17.                         cObject {
  18.                             value = fileadmin/images/bg_980x175.png
  19.                             override {
  20.                                 listNum = 0
  21.                                 required = 1
  22.                                 data = levelmedia: -1, slide
  23.                                 wrap = uploads/media/|
  24.                             }
  25.                         }
  26.                     }
  27.                 }
  28.             }
  29.             20 = TEXT
  30.             20 {
  31.                 text.field = subtitle // title
  32.                 fontSize = 36
  33.                 fontColor = #ffffff
  34.                 fontFile = fileadmin/fonts/verdana.ttf
  35.                 offset = 20, 150
  36.                 niceText = 1
  37.             }
  38.             19 = SHADOW
  39.             19 {
  40.                 textObjNum = 20
  41.                 offset = 3,3
  42.                 color = black
  43.                 blur = 40
  44.                 opacity = 50
  45.                 intensity = 50
  46.             }
  47.         }
  48.     }
  49. }

Beschreibung des Sourcecodes:

Wichtig sind hier vor allem die gelb hinterlegten Zeilen 15-26.

In Zeile 15 wird TYPO3 mit dem Befehl import angewiesen, das Bild aus einem Pfad zu holen, der dann mit Zeile 16 mit einem cObject definiert wird. cObject ist hier eine aus der Funktionssammlung stdWrap und nicht etwa ein beliebiger Name.

Als cObject ist in Zeile 18 TEXT gewählt worden, um den Pfad zu einer Datei anzugeben, die immer dann benutzt werden soll, wenn kein Bild im Dateien-Feld auf der aktuellen oder übergeordneten Seite eingetragen ist.

Mit Zeile 22 wird nun rekursiv von der aktuellen Seite bis zur Root-Seite in der Tabelle pages im Datenbank-Feld "media" nach einem Inhalt gesucht.

Da ja im Feld media nur kommaseparierte Listen mit dem Dateinamen der Bilder ohne die Dateipfade sind, muss der Dateipfad in Zeile 23 noch vor dem Dateinamen gesetzt werden. Zusätzlich muss natürlich noch ein bestimmter Eintrag aus der Liste ausgewählt werden. Dies geschieht mit der Zeile 20 durch listNum = 0. "0" liefert den ersten Eintrag aus der Liste.

Wenn nun ein Bild gefunden wurde, sorgen die Zeilen 19 + 21 dafür, dass das Default-Bild mit dem neuen Bild überschrieben wird.