---
title: "Responsive Images Multicollumns"
url: "https://www.typo3.net/d/118639-responsive-images-multicollumns"
source: "typo3.net"
tags: ["TYPO3","TypoScript","Bilder","Frage"]
created: "2014-08-12"
last_reply: "2015-09-17"
replies: 1
solved: false
page: 1
pages: 1
lang: "de"
---

# Responsive Images Multicollumns

TYPO3 › TypoScript · 1 Antwort · gestartet 2014-08-12

## Eröffnungsbeitrag

**huersch** · 2014-08-12 · [Beitrag #1](https://www.typo3.net/d/118639-responsive-images-multicollumns/1)

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:

```typoscript
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

## Antworten

### [#2](https://www.typo3.net/d/118639-responsive-images-multicollumns/2) · wolfi02 · 2015-09-17

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).

```typoscript
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

---

Quelle: „Responsive Images Multicollumns“, typo3.net, https://www.typo3.net/d/118639-responsive-images-multicollumns
Beiträge von Mitgliedern des Forums. Bitte mit Link auf die Diskussion zitieren.