---
title: "Resourcenbild als Inline-Style im Fluid-Template einbinden"
url: "https://www.typo3.net/d/120393-resourcenbild-als-inline-style-im-fluid-template-einbinden"
source: "typo3.net"
tags: ["TYPO3","TypoScript","Bilder","Fluid","Frage"]
created: "2015-06-23"
last_reply: "2015-06-23"
replies: 3
solved: false
page: 1
pages: 1
lang: "de"
---

# Resourcenbild als Inline-Style im Fluid-Template einbinden

TYPO3 › TypoScript · 3 Antworten · gestartet 2015-06-23

## Eröffnungsbeitrag

**mimii** · 2015-06-23 · [Beitrag #1](https://www.typo3.net/d/120393-resourcenbild-als-inline-style-im-fluid-template-einbinden/1)

Hallo ins Forum,

ich habe jeder Seite ein Resourcenbild gegeben, dieses soll als inlinestyle (background-image) einem bestimmten <div> zugewiesen werden. Wie mache ich das?

Im Template habe ich

```html
<div id="banner" style="background-image:url({f:cObject(typoscriptObjectPath:'lib.backgroundImage')});">
```

Die lib.backgroundImage sieht so aus

```typoscript
lib.backgroundImage = IMG_RESOURCE
lib.backgroundImage {
	file {
	    import = user_upload/bilder/banner
	    import.data = levelmedia:-1, slide
	    treatIdAsReference = 1
	    import.listNum = 0
    }
}
```

Im Frontend steht aber nur das:

```html
<div id="banner" style="background-image:url();">
```

Warum wird hier das Bild nicht eingebunden? Vielen Dank für n Tipp :-)

Gruß
mimii

## Antworten

### [#2](https://www.typo3.net/d/120393-resourcenbild-als-inline-style-im-fluid-template-einbinden/2) · Chrissli · 2015-06-23

1. Würde ich sagen da fehlt ein "/" hinter dem "banner"
2. Braucht man durch FAL bedingt hier nicht auch FILES und dann erst IMAGE / IMG_RESOURCE ?

### [#3](https://www.typo3.net/d/120393-resourcenbild-als-inline-style-im-fluid-template-einbinden/3) · mimii · 2015-06-23

Danke für die Idee,

daran lag es aber leider nicht. Das Bild wird nicht in den Hintergrund geladen :-(

Gruß
mimii

### [#4](https://www.typo3.net/d/120393-resourcenbild-als-inline-style-im-fluid-template-einbinden/4) · Chrissli · 2015-06-23

Nur kurz zum verifizieren:

```typoscript
lib.backgroundImage = FILES
lib.backgroundImage {
  references {    
    data = levelmedia:-1, slide    
  }
  maxItems = 1
  renderObj = IMG_RESOURCE
  renderObj {    
    file.import.data = file:current: publicUrl
    #oder
    #file.import.data = file:current:uid
    file.treatIdAsReference = 1   
  }  
}
```

Edit:
Der  Import-pfad sollte nicht mehr nötig sein.
Siehe auch:
[/d/116745-typo3-61-fal-vererbung-slides-probleme](https://www.typo3.net/d/116745-typo3-61-fal-vererbung-slides-probleme)
und
<http://wiki.typo3.org/File_Abstraction_Layer#How_to_use_.22levelmedia.22_with_6.x_.3F>

---

Quelle: „Resourcenbild als Inline-Style im Fluid-Template einbinden“, typo3.net, https://www.typo3.net/d/120393-resourcenbild-als-inline-style-im-fluid-template-einbinden
Beiträge von Mitgliedern des Forums. Bitte mit Link auf die Diskussion zitieren.