TYPO3 - options de rendu des cultures pour les images sensibles à TYPO3 8.7 avec le fluide

Question

I Override cropVariants pour la manipulation d'images comme celle-ci:

https://docs.typo3.org/typo3cms/extensions/core/8.7/Changelog/8.7/Feature-79812-AllowOverridingCropVariantsForImageManipulation.html

Mais comment puis-je rendre la première image en fonction de cropVariant spécifique dans le liquide? Disons pour 'mobile' pour @media (max-width: 575px) {} ...?

de débogage dans le modèle montre pour la première « Créer un nouveau rapport » fichier multimédia (jpg image) les éléments suivants pour la culture:

<f:debug>{data}</f:debug> 

array(85 items) 
... 
    media => array(1 item) 
     0 => TYPO3\CMS\Core\Resource\FileReferenceprototypeobject 
     propertiesOfFileReference => protectedarray(35 items) 
      ... 
      crop => '{"desktop":{"cropArea":{"x":0.011,"y":0,"width":0.924,"height":0.99047619047 
       619},"selectedRatio":"NaN","focusArea":null},"mobile":{"cropArea":{"x":0.094,"y":1.917337540 
       94e-15,"width":0.786,"height":0.99809523809524},"selectedRatio":"3:2","focus 
       Area":null}}' (392 chars) 
... 

Answer 1

Vous pouvez utiliser l'attribut culture de l'image fluide ViewHelper comme ceci:

<f:image src="{image}" crop="{image.crop}" /> 

https://fluidtypo3.org/viewhelpers/fluid/master/ImageViewHelper.html

Answer 2

<f:image 
    src="{image.0.uid}" 
    treatIdAsReference="1" 
    width="1140" 
    height="375" 
    cropVariant="desktop" 
/>