Zum Inhalt springen

Responsive Images Multicollumns

Erstellt am 12. August 2014 · 1 Antwort · letzte Antwort am 17. September 2015

Tags: Bilder, Frage

huersch ·

Hallo zusammen,

ich arbeite mit dem neuen Responsive Image Rendering (TYPO3 6.2.4) und dem srcset Layout.
Das funktioniert auch sehr gut.
Meine Redakteure würden aber gerne weiterhin die Funktion "Number of Columns" nutzen um die Bildgröße zu beeinflussen und Bilder in einer Reihe darstellen zu können. Dies ist scheinbar im Responsive Image Rendering erstmal nicht berücksichtigt?

Deswegen wollte ich einfach das maxW Attribut durch die Anzahl der Columns teilen. Leider bin ich aber zu blöd dem maxW Attribut ein cObject zu zuweisen. Kann mir hier jemand helfen?

Im Prinzip sollte das in etwas so aussehen:

tt_content.image.20.1.sourceCollection {
small.maxW.cObject = TEXT
small.maxW.cObject.value = 400/{field:imagecols}
small.maxW.cObject.insertData = 1
small.maxW.cObject.prioriCalc = 1
small.maxW.cObject.wrap = |px
small.srcsetCandidate = 400w

Gerne bin ich auch für andere Ideen offen. Wie löst ihr das Problem?

Viele Grüße

Fabian

wolfi02 ·

Hallo huersch,

deine Frage ist zwar schon lange her, bin aber jetzt durch die Suche auf deinen Beitrag gestoßen, welcher mich gleich inspiriert hat. Deinen Lösungsvorschlag habe ich umgesetzt bekommen (bei dir war lediglich ein kleiner Fehler drin).

tt_content.image.20.1.sourceCollection {
        small {
          width.stdWrap.cObject = TEXT
          width.stdWrap.cObject {
            current = 1
            setCurrent.field = imagecols
            setCurrent.wrap = 400 / |
            insertData = 1
            prioriCalc = intval
            wrap = |px
          }
          maxW < .width
          srcsetCandidate = 400w
          mediaQuery = (max-width: 768px)
          dataKey = small
        }
}

Soweit funktioniert die Lösung nun auch wieder mit den "imagecols" bei den CE's mit Bildern, allerdings bin ich nicht ganz zufrieden damit, da die Bilder nun zu kleine ausgegeben werden (z.B. bei 4 Spalten). Wenn die Spaltenanzahl nur 1 ist, ist das Bilder allerdings wieder zu groß.

Hast du inzwischen einen anderen Weg gefunden dieses Problem zu lösen? Oder kenn jemand anders einen Weg, mit welchem die Anzahl der Bilder pro Reihe (imagecols) genutzt werden kann?

Viele Grüße
Christian