[TYPO3-german] Fluid Image-Viewhelper vs. URI-Viewhelper

Thilo Ratnaweera thilo.ratnaweera at netbrothers.de
Fri Aug 24 13:00:39 CEST 2018


Hallo Liste,

ich versuche gerade in Fluid (TYPO3 8.7.17) Vorschaubilder zu rendern,
bei denen ich eine feste Größe vorgebe. Sie sollen dabei skaliert,
beschnitten, aber nicht verzerrt werden.

Dreht es sich dabei um ein einzelnes Bild mit einer einzelnen
Bildquelle, dann kann ich das so lösen:

<picture>
    <f:image src="{file.publicUrl}" height="415" width="1140c" />
</picture>

Das c in width="1140c" stellt sicher, dass das Bild nicht verzerrt wird.
Der Viewhelper kümmert sich praktisch um alles. Das Bild hat immer
dieselben Dimensionen. Prima. :)

Um aber Bildquellen für verschiedene Displays anzubieten, möchte ich das
Bild gerne in diese Struktur bringen:

<picture>
    <source media="(max-width: 1200px)" srcset="{f:uri.image(image:
file, height: 200, width: 550c)}">
    <img srcset="{f:uri.image(image: file, height: 415, width: 1140c)}" />
</picture>

Ich muss auf den Image-Viewhelper verzichten, weil dieser das
srcset-Attribut nicht unterstützt. Ich nutze deshalb den URI-Viewhelper.
Dieser macht aber nicht dasselbe und scheint nichts mit dem c anfangen
zu können. Die Bilder haben nicht mehr die vorgegebenen Maße. Dasselbe
gilt für den URI-Viewhelper aus der vhs-Extension.

Hat jemand eine Idee, wie ich das besser steuern kann?

Danke und Grüße
Thilo

-- 
NetBrothers GmbH
Straßmannstraße 32
10249 Berlin

+49-30-49854240
www.netbrothers.de

Geschäftsführer: Thilo Ratnaweera, Stefan Wessel
Berlin-Charlottenburg HRB 158821 B | USt-IdNr.: DE 295298958



More information about the TYPO3-german mailing list