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>