Bilder-Slideshow im Header aller Seiten
Anleitung für einen Bereich für wechselnde Bilder im Kopfbereich aller Seiten. (Funktioniert nicht mit der IE 64-bit Version).
Voraussetzung ist, dass die Extensions "Developer API (api_macmade)" und "Flash SlideShow (slideshow)" im Erweiterungs-Manager installiert sind.
Zuerst muss im HTML-Template der Bereich, in dem die SlideShow erscheinen soll, definiert werden und ein Marker wird gesetzt.
<div id="header">###HEADER###</div>
In der Dateiliste wird ein Ordner erstellt, dieser Ordner wird mit Bildern für die SlideShow gefüllt (mit den genauen Abmessungen - eventuelle Rahmen im div müssen berücksichtigt werden).
"fileadmin/header/header01.jpg", "...../header02.jpg", usw.
Im Typo3-Seitenbaum wird ein Sys-Ordner erstellt (bei mir "slideshow_sys_ordner" "id=37")
Mit Rechtsklick auf das Sys-Ordner-Ordnersymbol klicken - "Neu" auswählen - in der Liste "Neuer Datensatz" unten auf das Symbol "Flash SlideShow" klicken.
Hier wird der Titel eingetragen (bei mir "Header SlideShow-Bilder"), bei "Type" "Get pictures from a directory" auswählen und das Änderungs-Popup bestätigen.
Im "Directory path" den Pfad zum Bilderordner eingeben (bei mir "fileadmin/header/") und mit Diskettensymbol speichern.
Jetzt erscheinen die Einzelbilderdateien im "Objekte:"-Fenster, die einzelnen Dateien lassen sich per Mausklick in das linke "Ausgewählt:"-Fenster übertragen, abspeichern und schliessen (Diskettensymbol mit X).
Im TYPO3-Seitenbaum wird eine "Standard-Seite" erstellt und der Seitentitel eingetragen (bei mir "Header SlideShow" "id=38"). Auf dieser Seite wird in der Spalte "Normal" ein neues Inhaltselement "Flash SlideShow" angelegt.
Die Einstellungen für das Plug-in:
Im Reiter "Main" auf das Ordnersymbol "Datensätze duchblättern" klicken, im TYPO3-Element-Browser den SysOrdner "slideshow_sys_ordner" anklicken und danach den Datensatz "Header SlideShow-Bilder" auswählen.
Im Reiter "Player settings" Transition auf Fade einstellen, Random play aktivieren und bei Timer (wahlweise) 5 eingeben.
Im Reiter "Flash settings" Version leer lassen, Width und Height auf die Grösse der Bilder von der Dateiliste einstellen, Loop auf "yes", Menu auf "no", Quality und Scale leer lassen, bei BG-Color die Hintergrundfarbe des HTML-Templates eingeben, SWLiveConnect auf "default". Dokument speichern und schliessen.
Jetzt noch der TypoScript-Teil:
Im "Template Tools - Setup" wird der Marker ###HEADER### durch das Plugin ersetzt.
####################
page.10.marks {
HEADER = CONTENT
HEADER {
table = tt_content
select {
pidInList = 38
}
}
####################
Bilderwechsel:
Im Dateilisten-Ordner die neuen Bilder anpassen (bzw. raufladen, ersetzen, löschen, ...)
In der Listenfunktion den SysOrdner wählen, die Flash SlideShow mit dem Bleistiftsymbol anwählen und bei "select pictures" die Bilderdateien aktualisieren. TYPO3-Cache und Browser-Cache löschen.
Viel Erfolg beim Nachbauen und viel Spass beim SlideShow-Header!
Textvorlage von Markus
lists.netfielders.de/pipermail/typo3-german/2007-April/030773.html