---
title: "Wechselnder Banner"
url: "https://www.typo3.net/d/85546-wechselnder-banner"
source: "typo3.net"
tags: ["TYPO3","TypoScript","Bilder","Frage"]
created: "2009-01-07"
last_reply: "2009-01-13"
replies: 9
solved: false
page: 1
pages: 1
lang: "de"
---

# Wechselnder Banner

TYPO3 › TypoScript · 9 Antworten · gestartet 2009-01-07

## Eröffnungsbeitrag

**typo3_hp** · 2009-01-07 · [Beitrag #1](https://www.typo3.net/d/85546-wechselnder-banner/1)

Hallo!

Ich mache gerade eine Website in welcher je nach Seite ein unterschiedliches Bild im Banner angezeigt werden soll.

Dies habe ich mit folgendem Code gemacht:

```typoscript
subparts.header = IMAGE
subparts.header {
   file.import.data = levelmedia: 9,slide
   file.import = uploads/media/
   file.import.listNum = 0
  
}
```

Problem dabei, ist ich möchte das es als Hintergrungrafik eingefügt wird und nicht als Grafik, da in diesem Headerbereich noch ein DIV "Login" ist mit einem Formular für die FE_User-Anmeldung.

Kann mir jemand sagen wie ich den Typoscriptcode ändern muss das das Bild als Hintergrundgrafik eingebunden wird?

Danke und Gruß

typo3_hp

## Antworten

### [#2](https://www.typo3.net/d/85546-wechselnder-banner/2) · Michaelh74 · 2009-01-08

Dazu benötigst Du image_resource. Schau am besten mal diesbezgl. in der TSREF dazu nach. Damit bekommst Du die URL zum besagten Bild.
Das kannst Du dann in eine CSS per wrap und background-image einbinden.

Gruß
Michael

### [#3](https://www.typo3.net/d/85546-wechselnder-banner/3) · typo3_hp · 2009-01-08

Hmm..

ich habe mal bisschen versucht und gemacht aber ich blick das irgendwie nicht.

Kannst Du mir da mit meinen Script weiterhelfen?

Danke und Gruß

typo3_hp

### [#4](https://www.typo3.net/d/85546-wechselnder-banner/4) · Michaelh74 · 2009-01-09

Wie sieht denn Dein bisheriger Versuch aus?

Gruß
Michael

### [#5](https://www.typo3.net/d/85546-wechselnder-banner/5) · typo3_hp · 2009-01-09

Hallo!

Das ist mein bisheriger Versuch, aber ich glaube der stimmt hinten und vorne nicht

```typoscript
temp.40 = IMAGE_RESOURCE
temp.40 {
file.import.data = levelmedia: 9,slide
   file.import = uploads/media/
   file.import.listNum = 0
}

subparts.header = HTML
subparts.header.value = <background-image="temp.40"</>
```

Hoffe Du kannst mir irgendwie weiterhelfen

lg

### [#6](https://www.typo3.net/d/85546-wechselnder-banner/6) · einpraegsam.​net · 2009-01-10

> Das ist mein bisheriger Versuch, aber ich glaube der stimmt hinten und vorne nicht

Beispiel:

```typoscript
temp.headimg = TEXT
temp.headimg {
	data = levelmedia: -1,slide
	field.listNum = 0
	ifEmpty = head.jpg
	wrap = url(uploads/media/|)
} 

page.10.marks.headimg < temp.headimg
```

Dann im HTML:

```html
<div style="background-image: ###headimg###;">xxx</div>
```

### [#7](https://www.typo3.net/d/85546-wechselnder-banner/7) · kromet · 2009-01-11

Hallo

ich hab soviel hilfe von euch bekommen und jetzt kann ich sogar helfen.
Wenn ich das richtig verstanden habe willst du ein neues einzufälliges Mainbanner haben wie hier oder
<http://www.royal-rangers.de>?
Ich hab das über ein PHP-Script gelöst

```typoscript
temp.banner.script = COA_INT
	temp.banner.script {
		10 = PHP_SCRIPT
		10.file = fileadmin/test.inc
		}

        page.10.subparts.namedermarke < temp.banner.script
```

so jetzt noch das PHP Script

```php
<?php

$pfad = "deinpfad";
$dateinamen = scandir($pfad); #Array $dateinamen
$anzahl_dateien = count($dateinamen) - 1; # Letzte Datei ist leer.

srand(microtime()*1000000);
$zufallszahl = rand(2,$anzahl_dateien); # Datei 0, 1 sind leer.

$ausgabe = $dateinamen[$zufallszahl];
$content = $pfad.$ausgabe;
?>
```

Bei "deinPfad" in desem ordnen must du deine Bannerbilder reinlegen.

so hab ich es im Template ein gebunden.

```html
<div id="banner" style="background-image:url(<!---###namedermarke###--->namedermarke<!---###namedermarke###--->);">
```

Hinweiß: verwende nich das Wort Banner oder der gleichen sondern z.B. Kopfbild sonst wird nix angezeigt wenn man kaspersky Anti-Banner aktiv ist. dies kann auch ein grund sein warum deine anderen versuche nicht gefunzt haben.

mfg
Kromet

### [#8](https://www.typo3.net/d/85546-wechselnder-banner/8) · typo3_hp · 2009-01-11

Hallo!

Nein ich möchte keine zufällige Anzeige, sondern es soll immer das Bild der Oberkategorie angezeigt werden, d.h. wenn kein Bild gefunden wird auf der aktuellen Ebene soll eins höher angezeigt werden!

@ einpraegsam.net

Ich habe es wie folgt versucht, es wird aber kein Bild angezeigt!

Hast DU mir noch Tipps?

Hier mein TS

```typoscript
temp.header = TEXT
temp.header {
        data = levelmedia: -1,slide
        field.listNum = 0
        ifEmpty = head.jpg
        wrap = url(uploads/media/|)
}

subparts.header< temp.header
```

Folgendes habe ich in mein HTML-Template: (Auszug)

```html
<div id="pagewidth" >
<div style="background-image: ###header###;">
<div id="header" >
<div id="login">
<!--###login###-->
<!--###login###-->
</div>
        </div>
	</div>
	<div id="menu">
```

Mein CSS sieht so aus: (AUSZUG)

#header{
width: 795px;
height: 160px;
}

Viele Grüße

Chris

### [#9](https://www.typo3.net/d/85546-wechselnder-banner/9) · Michaelh74 · 2009-01-13

Schreibt er Dir in die HTML-Ausgabe bereits etwas vom Bild rein, also im Quelltext?

Gruß
Michael

### [#10](https://www.typo3.net/d/85546-wechselnder-banner/10) · typo3_hp · 2009-01-13

Hallo! Michael!

Nein er schreibt nichts hinein!
An was kann es dann noch liegen?

Bringt mir dieses Script vielleicht, etwas?

Ich müsste es dann halt irgednwie für den subpart "HEADER" umschreiben!?

```typoscript
page.typeNum = 0
page.bodyTagCObject = COA
page.bodyTagCObject {
        10 = TEXT
        10.value = <body style="background-image:url(
        20 = TEXT
        20 {
                data = levelmedia: -1 "slide"
                wrap = uploads/media/ |
                listNum = 0
        }
        30 = TEXT
        30.value = ); background-repeat: no-repeat;">
}
```

Danke und Gruß

typo3_hp

---

Quelle: „Wechselnder Banner“, typo3.net, https://www.typo3.net/d/85546-wechselnder-banner
Beiträge von Mitgliedern des Forums. Bitte mit Link auf die Diskussion zitieren.