[Frage] TYPO3 image CropVariants und Responsive Image Ausgabe TYPO3-Version: 9.5.9

  • schani schani
    R2-D2
    0 x
    104 Beiträge
    0 Hilfreiche Beiträge
    15. 10. 2020, 21:30

    Hallo,durch das Mittwald Musterprojekt bin ich auf die Möglichkeit von CropVariants gestossen.
    Das funktioniert auch soweit gut, aber ich die kann die 3 verschiedenen Varianten von "gecroppten" Bildern nicht ausgeben. ich kann nur auf eines zugreifen - das dann in der Größe variiert wird.

    ICh hab also im Page TS 3 Crop Varianten (Desktop,Tablet,Mobile) angelegt. Im CE kann ich nun das Bild in 3 verschiedenen Crop Varianten anlegen.
    Jetzt habe ich unter "fluid_styled_content/Resources/Private/Partials/Media/Rendering/Image.html" folgendes eingetragen:
    <f:media
    class="image-embed-item"
    file="{file}"
    width="{dimensions.width}"
    height="{dimensions.height}"
    alt="{file.alternative}"
    title="{file.title}"
    loading="{settings.media.lazyLoading}"
    additionalAttributes="{srcset: '{f:uri.image(image: file, maxWidth: 100)} 380w,
    {f:uri.image(image: file, maxWidth: 200)} 450w,
    {f:uri.image(image: file, maxWidth: 320)} 500w,
    {f:uri.image(image: file, maxWidth: 380)} 792w,
    {f:uri.image(image: file, maxWidth: 400)} 900w',
    sizes: '(min-width: 1200px) 50vw, 100vw'}"
    />

    Damit wird das Bild je nach Endgerät/Bildschirmgröße ausgegeben. Aber immer nur das erste der 3 Crop Bilder.
    Könnt Ihr mir sagen wie man die 3 Crop Bilder zuweist?
    Besten Dank für Tipps

    Christian


  • 1
  • 1