Hintergrundbild aus Ressourcen

typo79
T3PO

0 x
20 Beiträge

0 Hilfreiche Beiträge
- Facebook
- Twitter
18. 03. 2013, 16:58

Hallo,
ich würde gerne für jede Unterseite ein eigenes Hintergrundbild einbinden, welches im Resources-Menü jeder Seite festgelegt wird.
Mein Ansatz ist der, im HTML-Template einen Container mit der Style-Eigenschaft
```
background-image:url(###MARKER###)
```
zu erzeugen und den Marker im Typoscript-Root-Template durch die jeweilige URL zum Bild ersetzen zu lassen.
Wie kann ich das in Typoscript lösen (Diese http://www.typo3-book.com/index.php/2009/01/16/css-hintergrundbild-per-ts-andern-bzw-in-den-seiteneigenschaften-hinterlegen/ Möglichkeit funktioniert seit Ver 6.0.0 leider nict mehr so wirklich)? mfg

fuss
Jedi-Meister

0 x

375	Beiträge
0	Hilfreiche Beiträge

18. 03. 2013, 20:28

Olla!

Eine Möglichkeit wäre wie folgt:

temp.bgcntgfx = TEXT
temp.bgcntgfx {
 data = levelmedia: -1, "slide"
 listNum = 0
 ifEmpty = bg_cnt_960.jpg
 wrap = background-image: url('uploads/media/|');
}
 
page.10.marks.BGCNTGFX < temp.bgcntgfx

Und im Template:

<div id="contentcontainer" style="###BGCNTGFX###">...</div>

gruss, fuss

my system:
C-64 I, 65816@20mhz, 16mb ram, 4x 6581r4 (12 channel fm-sound), 384mb scsi hd
go sixtyfour! go!

typo79
T3PO

0 x
20 Beiträge

0 Hilfreiche Beiträge
- Facebook
- Twitter
23. 03. 2013, 15:39

Danke dir!
Ich habs eben mal getestet, leider kommt im fertigen Quelltext nur das hier raus und es erscheint kein Hintergrundbild:
```
<div id="main" style="background-image: url('uploads/media/2')">
```
Kann das evtl an der neuen Version 6 liegen? mfg
typo79

beo6
Padawan

0 x

45	Beiträge
1	Hilfreiche Beiträge

25. 03. 2013, 14:48

Ich habe da leider auch noch kleine probleme.
Anscheinend funktioniert die anweisung "slide" nicht mehr richtig mit FAL.

An die Resourcen durch FAL kommt man aber zumindest mit folgendem TS:

lib.bgimg = FILES
lib.bgimg {
  references {
    table = pages
    uid.data = leveluid: -1, slide
    fieldName = media
  }
 
  renderObj = COA
  renderObj {
    10 = IMG_RESOURCE
    10 {
      file.import.data = file:current:publicUrl
    }
  }
  #renderObj.wrap = #header { background-image: url(/|); }
}