Insert multiple images via Resources

With a very wide header, several individual images can be displayed next to each other. The editor only has to insert several images in the page properties ' Resources.

The rest is done by TypoScript and CSS.

TypoScript:

temp.headerimage = COA
temp.headerimage.10 = IMAGE
temp.headerimage.10 {
 file.import.data = page:media  
 file.treatIdAsReference = 1 
 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

for the div tag that surrounds the images:

div.headerimage {
height: 165px;
/*So that the images do not go beyond the preceding area
or become multi-line*/
overflow: hidden;
white-space: nowrap;
}