TYPO3 – Zufälliges Bild aus den Seiteneigenschaften auslesen

Du möchtest gerne ein zufälliges Bild von mehreren Bildern auf deiner Webseite einbinden? Ein typisches Beispiel wäre eine Headergrafik die sich automatisch vererbt. Mit diesem Typoscript Beispiel kannst du deine Grafik vererben oder ein zufälliges Bild aus mehreren Bildern auslesen.

Zuerst fügst du deine Grafiken in das Mediafeld deiner Seiteneigenschaften ein, bearbeite deine Seite und wechsel zum Tab Ressourcen. Füge dort nun deine Grafik/en ein.

Als nächstes fügst du dieses Typoscript unter Template ein. Du müsstest es jedoch noch im Fluid-Template oder zum Beispiel per page.16 < lib.header  in deinem Seitenaufbau aufrufen.

Alternativ kannst du auch die tscobj Extension benutzen, diese Erweiterung ermöglicht es dir Typoscript als Contentelement einzufügen. Dies ist natürlich nicht Benutzerfreundlich wenn es sich um eine Headergrafik auf jeder Seite handelt.

Mit diesem Code wird ein zufälliges Bild aus dem Mediafeld ausgelesen und im Frontend dargestellt. Zu beachten ist, dass bei dieser Einstellung das Bild gecached wird und ein neues Bild erst nach löschen des Caches ausgewählt wird. Um dies zu verhindern, wird ein COA_INT benötigt. Dadurch wird der Code beim Neuladen der Seite erneut ausgeführt, leider wird damit jedoch das TYPO3 Caching ausgehebelt. Falls du kein zufälliges Bild auslesen möchtest ändere  import.listNum = rand zu import.listNum = 0.

Mit Typoscript COA_INT  sähe es dann so aus:

Erklärung der einzelnen Bestandteile

file

Mit file werden alle Einstellungen dem IMAGE Objekt zugewiesen, hier legst du fest, was mit dem Bild passiert z.B. Breite und Höhe

import.data = levelmedia:-1, slide

Mit import.data liest du die Bilder aus dem Mediafeld – levelmedia:-1 ein. Mit dem Befehl slide, wird das Bild vererbt bis ein neues auf einer tieferen Seite eingebunden wird.

import.listNum = rand

Mit listNum = 0 oder 1 (….) kannst du direkt auf eines der eingefügten Bild zugreifen mit dem alternativen Befehl rand wird aus den vorhandenen Bildern die im Mediafeld eingefügt wurden ein zufälliges ausgewählt.

width & height

Das Bild wird auf die angegebene Größe / Höhe / Breit skaliert.

treatIdAsReference

Behandelt das Bild als sys_file_reference Datensatz

MerkenMerken

MerkenMerken

MerkenMerken

MerkenMerken

MerkenMerken

Das Könnte Dich Auch Interessieren:

Papierkorb Icon für das Löschen von Inhaltselement... Templavoila ist eine der verbreitetsten TYPO3 Extensions, für die Umsetzung von hochwertigen Templates. In einer neueren Templavoila Version fi...
TYPO3 – Standardformular mit Captcha schütze... Was tut man am besten gegen Spam? Man benutzt natürlich ein Captchafeld für seine Formulare. Aber was ist mit älteren Systemen, bei denen ein Update ...
TYPO3 – Tutorial um ein einfaches TYPO3 HMEN... Dies ist ein Tutorial für ein einfaches TYPO3 Menü des Typs TMENU. Dies ist sehr gut geeignet für TYPO3 Anfänger. Keine Angst, es ist ganz einfach. ...
Super TYPO3 Optionsplit Tutorial! In diesem Tutorial werden sehr anschaulich und ausführlich die Möglichkeiten gezeigt, die einem der Befehl Optionsplit bietet. Was ist dieses Opt...

Schreibe einen Kommentar

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind mit * markiert.