Zum Inhalt springen

sourceCollection mit crop zum responsive Image

Erstellt am 22. März 2019 · 1 Antwort · letzte Antwort am 22. März 2019

Tags: Bilder, HTML & CSS, TYPO3 8, Frage

xpert911 ·

Hallo Zusammen,

jetzt habe ich mal ne Frage an die Profis.
Ich nutze im Augenblick in einem Projekt picturefill und srcset innerhalb Typo3 zum Rendern von Responsive Images.

Mein Code sieht in Teilen derzeit so aus und ich würde gerne erreichen, dass bei der "phone" darstellung ein Hochformat Bild aus dem derzeitigen Panoramabild erzeugt wird.

In meiner Naivität, bin ich davon ausgegangen, dass es genügt, ein "c" für Crop bei der wdth bzw. maxW anzugeben und leider funktioniert das nicht. Was mache ich falsch oder kann ich an dieser Stelle mit 600c nicht erreichen, dass in der Mitte ein Ausschnitt von 600px Breite herausgeschnitten wird?

Wäre euch für eine Antwort sehr dankbar ;-)

tt_content.image.20.1.sourceCollection >
tt_content.image.20.1.sourceCollection {

small {
width = 200
srcsetCandidate = 319w
mediaQuery = (max-width: 319px)
dataKey = small
}
phone {
width = 600c
maxW = 600c
quality = 100
srcsetCandidate = 599w
file.cropVariant = mobile
mediaQuery = (max-width: 599px)
dataKey = phone
}
...