[TYPO3-german] Wie ist es möglich per Fluid auf unterschiedliche Image-cropVariants zu zu greifen?

[Wolfertz, Sebastian]

Hallo liebe Liste,


für meine Seite habe ich für Bilder 2 cropVariants angelegt, default und mobile.
Das klappt auch soweit ganz gut, in meinem Fluid-Template greife ich über

<f:for each="{v:page.resources.fal(field: 'media')}" as="media" iteration="iteration">

Auf die einzelnen Bilder zu und lasse sie mir mit

<f:image src="{media.id}" treatIdAsReference="1" width="1980" alt="{media.alternative}" class="img-responsive"/>

ausgeben.


Allerdings bekomme ich so immer nur das Bild in der default-Variante, ich würde aber gerne auch das in der mobile-Variante gecroppte Bild haben.

Im {media.crop} stehen beide Varianten drin, f:debug gibt mir da das Folgende aus:

{"default": {
  "cropArea":{
    "x":0.00082086602324004,
    "y":0.16341829085457,
    "width":0.99835826795352,
    "height":0.56221889055472
  },
  "selectedRatio":"slider",
  "focusArea":null
},
"mobile":{
  "cropArea":{
    "x":0.21860944527736,
    "y":0.16341829085457,
    "width":0.56278110944527,
    "height":0.56221889055472
  },
  "selectedRatio":"slider",
  "focusArea":null
}}

Wie zum Teufel bekomme ich in meinem Layout denn jetzt ein Bild raus das die mobile-Variante benutzt?


Vielen Dank für eure Hilfe!
Mit freundlichen Grüßen,

Sebastian