[TYPO3-german] Bilder in unterschiedlicher Größe rendern?

[Hendrik]

Moin,

mit folgendem TS kriege ich es schon hin das erste Bild eines 
Content-Elements größer darzustellen und die anderen entsprechend 
kleiner darunter.

Jetzt benötige ich aber die ersten drei Bilder in 3 unterschiedlichen 
Größen und alle anderen in zwei unterschiedlichen Größen.

Wie kann ich das machen so dass es noch mit den normalen 
Content-Elementen wie im nachfolgenden Beispiel funktioniert (sprich 
dass ich nur den Rahmen oder das Layout im CE ändern muss).

Vielen Dank schonmal!

Gruß Hendrik



tt_content.image.20 {
   imgObjNum = 1 |*| 2 || 3 || 4 |*| 4

   cols.override = 1
   cols.override.if.value = 1
   cols.override.if.equals.field = layout

   layout.stdWrap.wrap.override = <div class="csc-first-image">|</div>
   layout.stdWrap.wrap.override.if.value = 1
   layout.stdWrap.wrap.override.if.equals.field = layout

   1.stdWrap.wrap.override = <div class="first-image">|</div>
   1.stdWrap.wrap.override.if.value = 1
   1.stdWrap.wrap.override.if.equals.field = layout
   1.file {
     width.override = 300
     width.override.if.value = 1
     width.override.if.equals.field = layout
   }

   2 < .1
   2.stdWrap.wrap.override = <div class="row-first-image">|</div>
   2.file {
     width.override = 80c
     width.override.if.value = 1
     width.override.if.equals.field = layout

     height < .width
     height.override = 30c
     #height.override.dataWrap = 30c-{field:height}
   }

   3 < .2
   3.stdWrap.wrap.override = <div class="row-middle-image">|</div>

   4 < .2
   4.stdWrap.wrap.override = <div class="row-last-image">|</div>
}