Zum Inhalt springen

Hintergrundbild aus Ressourcen

Erstellt am 18. März 2013 · 3 Antworten · letzte Antwort am 25. März 2013

Tags: Seiten & Seitenbaum, Bilder, Frage

typo79 ·

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 ·

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

typo79 ·

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 ·

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(/|); }
}

dadurch das "slide" wohl ignoriert wird funktioniert es bei mir nur über die direkte angabe des levels:

uid.data = uid.data = leveluid: 1