Zum Inhalt springen

per TS Backgroundimage änder je nach Seite

Erstellt am 7. März 2010 · 4 Antworten · letzte Antwort am 13. März 2010

Tags: HTML & CSS, Frage

typo3_hp ·

Hallo!

Ich möchte gerne auf verschiedenen Seiten innerhalb meiner Typo3-Seite und dem DIV #wrapper ein anderes Hintergrundbild haben und würde dies gerne per TS hinterlegen

if pageid =1
Bild 1
if pageid = 2
bild2

und dann sollte noch ein bild sein das eingefügt wird wenn die pageid nicht hinerlegt ist sozusagen ein auffangbild.

Wie kann ich dies per TS realisieren?

Danke und Grüße

d.​walter ·

Hallo,

mit folgendem Code, kannst du ja per TS ein Headerbild pro Seite festlegen.

#Das Rubrikbild dynamisch einlesen
RUBRIK_BILD = IMAGE
RUBRIK_BILD.file = GIFBUILDER
RUBRIK_BILD.file {
XY = 394 , 229
backColor = #EDEDED


10 = IMAGE
10.file.import = uploads/media/
10.file.import.data = levelmedia: -1, slide
10.file.import.listNum = 0
10.file.width = 394
10.offset = 0 , 0
}

Sollte eigentlich ein guter Ansatz sein, damit du was identisches für dein Hindergrundbild machen kannst.

typo3_hp ·

Dankeschön ja so etwas habe ich schon für den Banner im Einsatz ich weiß aber nicht wie ich es für das Hintegrundbild umbiegen kann

Hats DU eine Idee?

Danke und Grüße

neo2001 ·

Ich stehe im Moment vor einer ähnlichen Aufgabe.
Im Moment habe ich es erstmal so gelöst, dass ich das style-Attribut des DIVs welches das Bild als Hintergrund hat, gemappt habe und via TS fülle.

temp.backgroundImage = TEXT
temp.backgroundImage {
  wrap = background: url(|) top left no-repeat;
  value = {$css.bgImage}
}

Im Stylesheet der Seite steht ein default-Bild, welches dann vom Inline-CSS überschrieben wird - oder eben nicht. Will ich auf einer Seite also ein anderes Hintergrundbild, lege ich dort ein Ext-Template an und setze die Konstante css.bgImage entsprechend.

So richtig gefallen tut mir die Lösung aber noch nicht. Insb. wenn ich auch dynamisch Bilder generieren will komme ich so erstmal nicht weiter.

Evtl. kann man das erzeugte Bild über ein eigenes PAGE-Objekt (eigene TypeNum) ausgeben und dann via CSS in die eigentliche Seite einbinden?