Suche
Teilen
startseite » forum

[Frage] Typo3 7.6.2 LTS mit fluid_styled_content und responsive images (<picture>) TYPO3-Version: -

  • 0 x
    15 Beiträge
    0 Hilfreiche Beiträge
    28. 12. 2015, 14:32

    Hallo zusammen,

    Ich würde gerne, mithilfe von Typo3 7.6.2 LTS und fluid_styled_content die Bilder responsive bzw. mit dem picture Element ausgeben.
    So wie hier:

    1. <picture>
    2.  <source srcset="path_to_small" media="(min-width: 768px) AND (max-width: 991px)">
    3.  <source srcset="path_to_big" media="(min-width: 1200px)">
    4.  <source srcset="path_to_middle" media="(min-width: 992px) AND (max-width: 1199px)">
    5.  <img src="path_to_picture">
    6. </picture>

    Mit Typo3 6.2 LTS habe ich css_styled_content genutzt und für dieses Ergebnisfolgendes Typoscript eingefügt:

    1. tt_content.image.20.1.sourceCollection {
    2.  large.mediaQuery = (min-width: 1200px)
    3.  
    4.  middle.maxW = 1200px
    5.  middle.mediaQuery = (min-width: 992px) AND (max-width: 1199px)
    6.  
    7.  small.maxW = 992px
    8.  small.mediaQuery = (min-width: 768px) AND (max-width: 991px)
    9. }

    Aber in der neuesten Version von Typo3 funktioniert dies leider nicht mehr.

    Ich habe es bereits mit den fluid_styley_content versucht und den <f:image> Viewhelper verwendet. Leider bisher ohne Erfolg.

    Gibt es eine andere Möglichkeit dies zu lösen, ohne eine extra Extension einsetzen zu müssen?

    Gruß

    Tags: Fluid_styled_content , Typo3-7.6.x-lts , Responsive images
  • 1
  • 1
Präsentiert von
Mittwald
Nützliche Links
TYPO3 Dokumentation
eStrategy
webworker Magazin