Überschrift mit Bild aus dem Mediafeld der Seite als Hintergrundbild

Ziel ist es ein dynamisches Hintergrundbild für unsere H2 zu bekommen. Das Beispiel lässt sich beliebig erweitern oder auf andere Überschrifttypen übertragen.

TypoScript
tmp.header1=IMG_RESOURCE
tmp.header1{
  file {  
    import.data = levelmedia: 9,slide  
    import = uploads/media/  
    import.listNum = 0  
    width = 80 
    height= 24
  }
  stdWrap.wrap = <h1 style="background-image:url(|);">
}


// header vor h2 kopieren
lib.stdheader.10.2.preCObject < tmp.header1
// h2 font tag korrigieren
lib.stdheader.10.2.fontTag = |</h2>

Hier eine Beispielüberschrift

3 Kommentare
#3 Michael schrieb am 24.03.2009 19:38

Hallo

Danke Ihr Tipp hat mich zu einer Lösung meines Problems gebracht:

 

TS:

#### Hintergrundbild dynamisch laden #####

seite.20.marks.EYECATCHER=IMG_RESOURCE

seite.20.marks.EYECATCHER{

file {

import.data = levelmedia: -1,slide

import = uploads/media/

import.listNum = 0

}

stdWrap.wrap = |

}

 

HTML:

<body "background: url(###EYECATCHER###) no-repeat;">

 

 

Vielen Dank und Grüsse, Michael

#1 Sven schrieb am 27.05.2008 14:32

Der h-tag ist falsch!

richtig muss es heißen:

lib.stdheader.10.2.fontTag = |

oder

tmp.header1.stdWrap.wrap =

#2 Sven schrieb am 27.05.2008 14:36

nanu...

 

lib.stdheader.10.2.fontTag = |</h1>

 

tmp.header1.stdWrap.wrap = <h2 "background-image:url(|);">

einen Kommentar schreiben
Typo3