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:

Weiterleitung von deaktivierten Newsbeiträgen R... Es ist manchmal sinnvoll, seine deaktivierten Newsbeiträge auf eine Übersichtsseite weiterzuleiten, wenn diese nicht mehr aktiviert sind und um so mög...
TYPO3 – Sprechende Bildernamen im Backend ve... Für jeden SEO ist die Optimierung der Bilder auf seiner Webseite ein wichtiges Thema. Leider generiert TYPO3 standardisiert alle bearbeiteten Bilder m...
Schwarz/Weiß Bild mit Typoscript rendern Hier zeige ich dir ein kleines Beispiel, wie du mit Typoscript und installierter Grafikbibliothek Bilder in Schwarz/Weiß rendern kannst. Dieses...
Fixen von alten Extensions bei einem Update von TY... Nach einem Upgrade einer alten TYPO3 Version 4.5 zu einer höheren TYPO3 Version wie zum Beispiel TYPO3 7.x oder 8.x werden einige euer alten Extension...

Schreibe einen Kommentar

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