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

Mikel lists at con-version.com
Fri Aug 24 14:20:25 CEST 2018


Hallo Thilo,

ich gehe mal davon aus, dass es an fehlenden Brackets liegt. Du übergibst keine Strings und der ViewHelper wertet dann das „c“ nicht aus.
Probiere also mal {f:uri.image(src: ‚your_source‘, width: '600c')}

Mikel


> Am 24.08.2018 um 13:00 schrieb Thilo Ratnaweera <thilo.ratnaweera at netbrothers.de>:
> 
> 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
> 
> _______________________________________________
> TYPO3-german mailing list
> TYPO3-german at lists.typo3.org
> http://lists.typo3.org/cgi-bin/mailman/listinfo/typo3-german



More information about the TYPO3-german mailing list