Ü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

4 Kommentare
#4 Susem schrieb am 05.01.2011 14:01

Hallo, gute Idee, vielleicht bekomme ich ja dadurch folgendes Problem gelöst:

Bild mit Text in der rechten Spalte -> bei Klick/Hover soll sich das Hintergrundbild in der linken Spalte ändern.

Hat da evtl. jemand eine IDee?????

 

Gesundes neues Jahr übrigens!!

#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