---
title: "Images für Foundation Framework rendern"
url: "https://www.typo3.net/d/119002-images-fuer-foundation-framework-rendern"
source: "typo3.net"
tags: ["TYPO3","TypoScript","Bilder","Frage","Inhaltselemente","TYPO3 6.x"]
created: "2014-10-13"
last_reply: "2014-10-13"
replies: 0
solved: false
page: 1
pages: 1
lang: "de"
---

# Images für Foundation Framework rendern

TYPO3 › TypoScript · 0 Antworten · gestartet 2014-10-13

## Eröffnungsbeitrag

**olek0707** · 2014-10-13 · [Beitrag #1](https://www.typo3.net/d/119002-images-fuer-foundation-framework-rendern/1)

Hallo zusammen,

ich habe das CE Bild eingefügt, das momentan 2 Bilder enthält. Standardmaäsig werden die Bilder so gerendert:

```html
<div class="csc-textpic csc-textpic-left csc-textpic-above">  <div class="csc-textpic-imagewrap" data-csc-images="2" data-csc-cols="2">   <div class="csc-textpic-imagerow csc-textpic-imagerow-last">     <div class="csc-textpic-imagecolumn csc-textpic-firstcol">       <figure class="csc-textpic-image csc-textpic-last">         <img src="fileadmin/_processed_/csm_flaechenreinigung_strassen_01_770x600_6f631a76db.jpg" width="290" height="226" alt="">          </figure>     </div>
     <div class="csc-textpic-imagecolumn csc-textpic-lastcol">       <figure class="csc-textpic-image csc-textpic-last">         <img src="fileadmin/_processed_/csm_flaechenreinigung_strassen_02_770x600_bb146026af.jpg" width="290" height="226" alt="">          </figure>     </div>   </div>  </div></div>
```

Ich möchte das Rendering fürs Foundation-Framework so rendern, dass der generierte Code bei 2 Images etwa so aussehen würde.

```html
<div class="row columns">
  <div class="large-6"><img src="fileadmin/_processed_/csm_flaechenreinigung_strassen_01_770x600_6f631a76db.jpg" width="290" height="226" alt=""></div>
  <div class="large-6"><img src="fileadmin/_processed_/csm_flaechenreinigung_strassen_01_770x600_6f631a76db.jpg" width="290" height="226" alt=""></div>  
</div>
```

und bei 3 Images so:

```html
<div class="row columns">
  <div class="large-4"><img src="fileadmin/_processed_/csm_flaechenreinigung_strassen_01_770x600_6f631a76db.jpg" width="290" height="226" alt=""></div>
  <div class="large-4"><img src="fileadmin/_processed_/csm_flaechenreinigung_strassen_01_770x600_6f631a76db.jpg" width="290" height="226" alt=""></div>  
  <div class="large-4"><img src="fileadmin/_processed_/csm_flaechenreinigung_strassen_01_770x600_6f631a76db.jpg" width="290" height="226" alt=""></div>  
</div>
```

Wie kann ich das Rendering ändern?
Wenn ich  mit TypoScript so schreibe, bringt es gar nichts

```typoscript
tt_content {
    image.20.addClassesCol = CASE
    image.20.addClassesCol {
        key.field = imagecols
        2 < tt_content.image.20.addClassesCol
        2 {
            override = large-6 
        }
        
    }
}
```

---

Quelle: „Images für Foundation Framework rendern“, typo3.net, https://www.typo3.net/d/119002-images-fuer-foundation-framework-rendern
Beiträge von Mitgliedern des Forums. Bitte mit Link auf die Diskussion zitieren.