Typoscript: Media Ressource als CSS background-image.
Dieses TS gibt den CSS-Tag zur Einbindung der Media-Ressource aus den Seiteneigenschaften aus. Es wird bei mehreren Bilder das erste verwendet. Ist keines angegeben, sucht das TS in der nächst höhheren Ebene.
lib.headerimage = FILES lib.headerimage { references { table = pages data = levelmedia: -1, slide fieldName = media } begin = 0 maxItems = 1 renderObj = TEXT renderObj { data = file:current:publicUrl wrap = background-image:url(|); } }
Im Fluid wird es wie folgt eingefügt:
<div style="{f:cObject(typoscriptObjectPath: 'lib.headerimage')}"></div>