newb: typoscript

Beitrag lesen

Hi,
ich bin neu bei typoscript und habe folgendes problem:
Ich verwende http://slidesjs.com/ auf der home Seite.

Im Moment wird im Backend colPos=1 verwendet um Texte in den Platzhalter für die Slideshow zu setzen.
Also ich hab:

        <div id="slides" style="width: 300px; height: 130px; margin: 0; padding: 0;">  
         <f:format.raw>{contentLeft}</f:format.raw>  
        </div>

Wird im Backend jetzt ein Textinhalt hinzugefügt wird der passend für die Slideshow gesetzt, also ich hab dann für jedes Content-Element einen Text der nacheinander wechselt im Frontend.

Nun möchte ich dies aber ändern, und zwar dachte ich mir statt Text wird Text+Images genommen.
Dann möchte ich das gerne so rendern dass aus dem Text der eingegeben wird und das Bild was dazu hochgeladen wird folgendes gemacht wird:
<div style="background-image: url(PFAD ZUM BILD)">TEXTINHALT</div>
und das für jedes Content-Element.

ist das irgendwie mit Typoscript möglich?

Ich habe einen Ansatz gefunden wie man selbst den Inhalt holen kann:

styles.content.getLeft = CONTENT  
styles.content.getLeft {  
     table = tt_content  
     select.orderBy = sorting  
     select.where = colPos=1  
     select.languageField=sys_language_uid  
     renderObj.20 = TEXT  
     renderObj.20.field = header  
     renderObj.21 = TEXT  
     renderObj.21.field = bodytext  
     renderObj.stdWrap.wrap = <div class="singleObj">|</div>  
     #wrap = <div id="allContent"> | </div>  
}

Hier wird der Inhalt jetzt in <div class="signleObj">Text</div> gerendert.. nur weiß ich nicht wie ich jetzt noch das hochgeladene Bild dann dazu als background-Image bekomme?

Danke :)