Mehrere Bilder über Resources einfügen

Wenn der Headerbereich sehr breit und schmal ist und die Redakteure keine passende Fotos zur Verfügung stehen, können auch mehrere Einzelbilder nebeneinander ausgeben werden. Der Redakteur muss dazu nur mehrere Bilder in den Bereich Seiteneigenschaften -> Resources einfügen. Der Rest macht Typoscript und CSS.

Setup:

temp.headerimage = COA
temp.headerimage.10 = IMAGE
temp.headerimage.10 {
   file.import.data = page:media
   file.import = uploads/media/
   file.import.listNum = 0
   file.height = 165
   alttext = TEXT
   alttext.field = subtitle//title
}
temp.headerimage.20 < temp.headerimage.10
temp.headerimage.20.file.import.listNum = 1
temp.headerimage.30 < temp.headerimage.10
temp.headerimage.30.file.import.listNum = 2
temp.headerimage.40 < temp.headerimage.10
temp.headerimage.40.file.import.listNum = 3
temp.headerimage.50 < temp.headerimage.10
temp.headerimage.50.file.import.listNum = 4
temp.headerimage.60 < temp.headerimage.10
temp.headerimage.60.file.import.listNum = 5

page.10.marks.HEADERIMAGES < temp.headerimage
page.10.marks.HEADERIMAGES.stdWrap.wrap = <div class="headerimage">|</div>

CSS für den div Tag welches die Images umgibt:

div.headerimage {
height: 165px;
/*Damit die Bilder nicht ueber den vorgehenen Bereich
hinaus gehen oder mehrzeilig werden*/
overflow: hidden;
white-space: nowrap;
}