Guten Morgen,
ich hoffe, die Überschrift beschreibt mein Problem zumindest im Ansatz.
Ich habe eine TYPO3-Installation übernommen und stehe vor folgendem Problem:
Es soll ein Lazy Loading eingebaut werdern, sprich die Pfadangaben der Bilder sollen vom "src" in den "data-src"-Tag wandern.
Momentan werden die Bilder so eingebunden:
<f:image src="uploads/media/{f:cObject(typoscriptObjectPath:'plugin.tx_extName.setup.thumbnailImage',data:relation.page)}" alt="{relation.page.title}" title="{relation.page.title}" class="media" width="260" />
Auf einer anderen Seite konnte ich es so lösen:
<f:image src="spacer.gif" alt="{person.firstname} {person.lastname}" title="" class="lazy" additionalAttributes="{data-src: '{f:uri.image(src:media.imageNormalized, height: 170)}'}" />
Orientiert an diesem Code könnte man es so lösen:
<f:image src="spacer.gif" alt="{relation.page.title}" title="{relation.page.title}" class="media" width="260" additionalAttributes="{data-src: 'uploads/media/{f:cObject(typoscriptObjectPath:\'plugin.tx_extName.setup.thumbnailImage\',data:relation.page)}'}" />
Hier ist allerdings das Problem, dass das Originalbild im "data-src" verlinkt wird und nicht die auf eine Breite von 260px berechnete Variante.
Also habe ich versucht, beide Wege miteinander zu verbinden.
Folgender Code ...
{f:uri.image(src:'uploads/media/{f:cObject(typoscriptObjectPath:\'plugin.tx_extName.setup.thumbnailImage\',data:relation.page)}', height: 170)}
... liefert mir zumindest den Pfad zum berechneten Bild.
Allerdings weiß ich nicht, wie ich diesen nun in den additionalAttributes Bereich bekomme.
Kann man da jemand weiterhelfen?
Vielen Dank und Grüße,
Lukas
Grüße,
Lukas