---
title: "Bannerwechsel"
url: "https://www.typo3.net/d/97187-bannerwechsel"
source: "typo3.net"
tags: ["Allgemein","Frage"]
created: "2010-03-02"
last_reply: "2010-10-04"
replies: 7
solved: false
page: 1
pages: 1
lang: "de"
---

# Bannerwechsel

Allgemein · 7 Antworten · gestartet 2010-03-02

## Eröffnungsbeitrag

**JürgenM** · 2010-03-02 · [Beitrag #1](https://www.typo3.net/d/97187-bannerwechsel/1)

Hallo!

Bisher habe ich einen Bannerwechsel bei Hauptmenüpunktwechsel immer so realisiert:

1.) Neuen Banner hochgeladen
2.) CSS-Datei mit Inhalt: #header { background-image:url ..
3.) Extension-Template mit Inhalt wie unten angegeben

```typoscript
page.includeCSS {
        datei1 = fileadmin/Template/StylesBanner05.css
	}
```

Lässt sich das evt. auch einfacher realisieren, indem ich die CSS-Angabe direkt im Ext.Template vornehme?
Mir also die zusätzlichen CSS-Dateien erspare?  o.O

Danke vielmals im Voraus
Jürgen

## Antworten

### [#2](https://www.typo3.net/d/97187-bannerwechsel/2) · karlchen · 2010-03-02

z.B.
in den Seiteneigenschaften unter Ressourcen ein Bild hochladen dann per TypoScript einbinden, in etwas so .

```typoscript
############wechselndes Backgroundbild für div Header
page.10.marks.HEADER_IMAGE = COA
page.10.marks.HEADER_IMAGE {
        5 = HTML
        5.value = background:url(
        10 = IMG_RESOURCE
        10 {
                file.maxH = 210
                file.maxW = 980
                file.import=uploads/media/     
                file.import.data = levelmedia: -1, slide
                file.import.listNum = 0
                file.import.override.field = media
        }
        15 = HTML
        15.value = )  no-repeat;
 }
```

### [#3](https://www.typo3.net/d/97187-bannerwechsel/3) · JürgenM · 2010-03-02

Hay Karlchen!

Danke für die super schnelle Antwort.
Sehr interessant.
Allerdings hatte ich es mir etwas einfacher vorgestellt.
Konkret: Ein Ext.Template mit einem Inhalt ähnlich dem folgenden:

```typoscript
 page.headerData.10.value (
 <style type="text/css"> 
  header   { background-image:url(/fileadmin/BGBanner/ImBanner03.jpg); }
 </style>
```

Haut nur leider nicht hin.  :x

Danke vielmals.

### [#4](https://www.typo3.net/d/97187-bannerwechsel/4) · d.​walter · 2010-03-02

Öhm Jürgen,

einfacher wie der Vorschlag von Karlchen geht glaub ich nicht mehr!!

Du gibst einmal das TS in deinem Root-Template ein und brauchst dann später nur noch auf der gewünschten Seite das Bild einbinden!

Das ganze ist sogar rekursiv! Also einmal TS und sonst nur noch Bild einbinden!

Gruß
Daniel

### [#5](https://www.typo3.net/d/97187-bannerwechsel/5) · JürgenM · 2010-03-27

Hallo!

Habe mich jetzt mal an die von karlchen vorgeschlagene Umsetzung gewagt.
Doch das einzige, was im Fromtend zu sehen ist ist das:

```typoscript
background:url(typo3temp/pics/531711ab92.jpg) no-repeat;
```

Oder aber, wenn ich die Grafik tatsächlich nach /uploads/media hochlade, dies

```typoscript
background:url() no-repeat;
```

Was mache ich denn falsch?

Darüber hinaus würde mich nach wie vor interessieren, warum nachfolgender Code mit dem ich ein CSS-Statement überschreiben will, nicht funzt:

```typoscript
page {
  headerData.50.value (
  <style type="text/css">  
  #header   { height:180px; background-image:url(/fileadmin/Banner/Banner03.jpg); }
 </style>  
  )
```

Danke vielmals im Voraus.

Jürgen

### [#6](https://www.typo3.net/d/97187-bannerwechsel/6) · Michaelh74 · 2010-03-29

Versuch es mal mit

```typoscript
page.CSS_inlineStyle (
#header   { height:180px; background-image:url(../fileadmin/Banner/Banner03.jpg); }

)
```

Das Ergebnis mit der anderen Variante ist völlig richtig.
Du musst halt noch den Marker richtig einbauen wie z.B.

```html
<div style="###HEADER_IMAGE###"></div>
```

Bitte nichts direkt in uploads/media hochladen, da packt T3 die Datei automatisch hin wenn sie im Resource / File Feld landet.

Steht bei Dir über dem Banner noch irgendein anderes Element, denn sonst müsstest Du ja noch unbedingt mit einem Background Image arbeiten.

Gruß
Michael

### [#7](https://www.typo3.net/d/97187-bannerwechsel/7) · JürgenM · 2010-04-07

Hallo Michael!

Entschuldige, dass ich die Antwort erst jetzt gelesen habe.
Aber:

```typoscript
   page.CSS_inlineStyle (
   #header   { height:180px; background-image:url(../fileadmin/Banner/Banner03.jpg); }
     )
```

hat gefunzt. Ich bin hellauf begeistert!!! :p  :p

Sobald ich Zeit finde, werde ich überprüfen, ob ich die andere Variante, durch Einbindung des Markers in ein style auch zum Laufen bekommen.

Viele Grüße
Jürgen

### [#8](https://www.typo3.net/d/97187-bannerwechsel/8) · mela313 · 2010-10-04

> **karlchen schrieb:**
>
> z.B.
> in den Seiteneigenschaften unter Ressourcen ein Bild hochladen dann per TypoScript einbinden, in etwas so .
>
> ```typoscript
> ############wechselndes Backgroundbild für div Header
> page.10.marks.HEADER_IMAGE = COA
> page.10.marks.HEADER_IMAGE {
>         5 = HTML
>         5.value = background:url(
>         10 = IMG_RESOURCE
>         10 {
>                 file.maxH = 210
>                 file.maxW = 980
>                 file.import=uploads/media/     
>                 file.import.data = levelmedia: -1, slide
>                 file.import.listNum = 0
>                 file.import.override.field = media
>         }
>         15 = HTML
>         15.value = )  no-repeat;
>  }
> ```

um einen automatischen Bannerwechsel ohne Klick auf irgendeinen Menüpunkt hinzubekommen brauch ich da nur das "no repeat" ändern? Der Kunde der die Seite dann in Zukunft selber pflegt, braucht entsprechende Banner dann nur in die Ressource packen?

---

Quelle: „Bannerwechsel“, typo3.net, https://www.typo3.net/d/97187-bannerwechsel
Beiträge von Mitgliedern des Forums. Bitte mit Link auf die Diskussion zitieren.