---
title: "grafisches Menü mit verschiedenen Bildern"
url: "https://www.typo3.net/d/54681-grafisches-menue-mit-verschiedenen-bildern"
source: "typo3.net"
tags: ["TYPO3","Menüs","Bilder","Frage"]
created: "2006-12-08"
last_reply: "2007-03-28"
replies: 43
solved: false
page: 1
pages: 1
lang: "de"
---

# grafisches Menü mit verschiedenen Bildern

TYPO3 › Menüs · 43 Antworten · gestartet 2006-12-08

## Eröffnungsbeitrag

**fellfresse** · 2006-12-08 · [Beitrag #1](https://www.typo3.net/d/54681-grafisches-menue-mit-verschiedenen-bildern/1)

Hallo,
ich versuche gerade eine grafisches Menu zu bauen, wo die Links mit einem Bild versehen werden. Das Problem daran, jeder Link soll ein anderes Bild zugewiesen bekommen.

Wie kann ich das machen?
Ne suche hat bisher nix ergeben

## Antworten

### [#2](https://www.typo3.net/d/54681-grafisches-menue-mit-verschiedenen-bildern/2) · d.​walter · 2006-12-08

Such mal hier im Forum danach. Da gibt es schon einige Ansätze.

Vielleicht hilft dir ja das:

[/d/50466-eigene-bilder-werden-als-neue-bilder-mit-uebergrossen-ausmassen-gespeichert/1](https://www.typo3.net/d/50466-eigene-bilder-werden-als-neue-bilder-mit-uebergrossen-ausmassen-gespeichert/1)

Gruß

Daniel

### [#3](https://www.typo3.net/d/54681-grafisches-menue-mit-verschiedenen-bildern/3) · fellfresse · 2006-12-10

danke für deine antwort!
ich habe das jetzt mal umgesetzt, doch leider werden nur weiße grafiken angezeigt.

```typoscript
tmp.Obere_Navigation = HMENU
tmp.Obere_Navigation {
  wrap = <img src="fileadmin/images/dummy.gif" width="25" height="1" border="0" alt="">|
  special = directory
  special.value = 1
  1 = GMENU
  1.NO = 1
  1.NO {       
    10 = IMAGE
    10 {
      file.import.field = media
      file.import = fileadmin/images/fb_navigation
      file.import.listNum = 0
    }
    XY = 51,51
    wrap = |<img src="fileadmin/images/dummy.gif" width="10" height="1" border="0" alt="">
    noBlur = 1
  }
  RO < .NO
  RO = 2
  RO {
    10.file.import.listNum = 1
  }
  CUR < .RO
}
```

ne ahnung woran das liegen kann?

### [#4](https://www.typo3.net/d/54681-grafisches-menue-mit-verschiedenen-bildern/4) · fellfresse · 2006-12-23

ich bin ein kleines stück weiter gekommen.
habe im TS folgendes eingefügt:

```typoscript
page.5 = TEXT
page.5.debugMode = 1
```

dort bekomme ich nun endlich meine grafiken als media angezeigt, die ich im erweiterten page-header als ressource angehängt habe.

doch darunter kommt noch folgende fehlermeldung:
Warning: Cannot modify header information.../tslib/class.tslib_content.php:3311) in ... /cms/tslib/class.tslib_fe.php on line 2853

kann diese fehlermeldung der grund sein das die grafiken im menu nicht angezeigt werden?

### [#5](https://www.typo3.net/d/54681-grafisches-menue-mit-verschiedenen-bildern/5) · BerndB · 2006-12-27

Hi,

schau mal da nach.
[/d/55401-grafiken-anstatt-text-in-der-navigation/4](https://www.typo3.net/d/55401-grafiken-anstatt-text-in-der-navigation/4)

Gruss

Bernd Buffen

### [#6](https://www.typo3.net/d/54681-grafisches-menue-mit-verschiedenen-bildern/6) · fellfresse · 2007-01-03

tja leider bringt mich das auch nicht weiter.
es wird weiterhin nur eine weisses kästchen pro eintrag erzeugt, aber keine bilder?!?!?!

### [#7](https://www.typo3.net/d/54681-grafisches-menue-mit-verschiedenen-bildern/7) · d.​walter · 2007-01-03

Kann man sich das irgendwo mal anschauen? Das ausgegebenen HTML wäre noch interessant.

Wenn du dir das hier anschaust kommst du vielleicht dann auch weiter.

<http://phpfi.com/155871>

Imo ist das hier nicht richtig.

```typoscript
wrap = |<img src="fileadmin/images/dummy.gif" width="10" height="1" border="0" alt="">
    noBlur = 1
```

Gruß

Daniel

### [#8](https://www.typo3.net/d/54681-grafisches-menue-mit-verschiedenen-bildern/8) · fellfresse · 2007-01-03

na ob ich die grafik sofort angebe oder über den import einer variablen mache is doch egal.
das haut nämlich hin mit der seperator-grafik.

nein anschauen is leider noch nicht drin. habe das ganze zur zeit noch lokal laufen, da das in ein bestehendes system eingefügt werden muss, und wenn ich das einfüge dann muss das sofort funktionieren.

aber das erzeugte html is folgendes:

```html
<!-- obere Navigation - begin -->						
<tr height="70">
<td>
###ab hier wird von typo3 ersetzt###	
						<img src="fileadmin/images/dummy.gif" width="25" height="1" border="0" alt=""><a href="index.php?id=24" onfocus="blurLink(this);"><img src="typo3temp/menu/cf4615d0ae.gif" width="51" height="51" border="0" alt="Multimediatechnik" /></a><img src="fileadmin/images/dummy.gif" width="10" height="1" border="0" alt=""><a href="index.php?id=22" onfocus="blurLink(this);"><img src="typo3temp/menu/cf4615d0ae.gif" width="51" height="51" border="0" alt="Verfahrens- und Umwelttechnik" /></a><img src="fileadmin/images/dummy.gif" width="10" height="1" border="0" alt=""><a href="index.php?id=3" onfocus="blurLink(this);"><img src="typo3temp/menu/cf4615d0ae.gif" width="51" height="51" border="0" alt="Bauingeneurwesen" /></a><img src="fileadmin/images/dummy.gif" width="10" height="1" border="0" alt=""><a href="index.php?id=2" onfocus="blurLink(this);"><img src="typo3temp/menu/cf4615d0ae.gif" width="51" height="51" border="0" alt="Seefahrt" /></a><img src="fileadmin/images/dummy.gif" width="10" height="1" border="0" alt=""><a href="index.php?id=23" onfocus="blurLink(this);"><img src="typo3temp/menu/cf4615d0ae.gif" width="51" height="51" border="0" alt="Maschinenbau" /></a><img src="fileadmin/images/dummy.gif" width="10" height="1" border="0" alt=""><a href="index.php?id=5" onfocus="blurLink(this);"><img src="typo3temp/menu/cf4615d0ae.gif" width="51" height="51" border="0" alt="Elektrotechnik" /></a><img src="fileadmin/images/dummy.gif" width="10" height="1" border="0" alt=""><a href="index.php?id=21" onfocus="blurLink(this);"><img src="typo3temp/menu/cf4615d0ae.gif" width="51" height="51" border="0" alt="Verkehrswesen" /></a><img src="fileadmin/images/dummy.gif" width="10" height="1" border="0" alt="">	
					
###bis hier wird von typo3 ersetzt###
</td>
</tr>
<!-- obere Navigation - end -->
```

### [#9](https://www.typo3.net/d/54681-grafisches-menue-mit-verschiedenen-bildern/9) · Unbekannter Benutzer · 2007-01-03

1. Bist du sicher, das bei dir lokal auch ImageMagick läuft? (Mal im Install-Tool die Grafiktests laufen lassen).

2. Sind die Bilder wirklich auch 51x51 Pixel groß, sonst bekommst du nämlich nur einen Ausschnitt zu sehen, der ja vielleicht weiß ist...

3. mach daraus:

file.import = fileadmin/images/fb_navigation

sicherheitshalber mal ein:

file.import = fileadmin/images/fb_navigation/

oder direkt:

file.import = uploads/media/

Viele Grüße

Christian

### [#10](https://www.typo3.net/d/54681-grafisches-menue-mit-verschiedenen-bildern/10) · fellfresse · 2007-01-03

1. ja IM funkioniert, ich erstelle an anderer stelle ja schon eine andere grafik aus verschiedenen teilgrafiken.

2. die bilder die ich verwenden möchte sind im original auch nur 51x51 groß, wenn ich das im typoscript nicht nochmal explizit angebe, dann wird die grafik unförmig.

3. die veränderung des pfades ändert das ergebnis nicht.

hier mal ein screenshot wie es derzeit aussieht:

<http://fellfresse2.fe.ohost.de/Bildschirmfoto.png>

(hab das mit img leider nicht hinbekommen)

### [#11](https://www.typo3.net/d/54681-grafisches-menue-mit-verschiedenen-bildern/11) · fellfresse · 2007-01-03

ok, anscheinend hat die pfadänderung mit dem abschliessenden / doch was gebracht.
nun bekomme ich doch die ersten bilder angezeigt. (hatte noch was mit beforeimg da stehen und habe es nun wieder auf file geändert)

aber das rollover funzt noch nicht

hier noch mal das ts:

```typoscript
tmp.Obere_Navigation = HMENU
tmp.Obere_Navigation {
  wrap = <img src="fileadmin/images/dummy.gif" width="25" height="1" border="0" alt="">|
  special = directory
  special.value = 1
  1 = GMENU
  1.NO = 1
  1.NO {       
    10 = IMAGE
    10 {
      file.import.field = media
      file.import = fileadmin/images/fb_navigation/
      file.import.listNum = 0
    }
    XY = 51,51
    backColor = #ec0f0f
    # transparentBackground = 1
    wrap = |<img src="fileadmin/images/dummy.gif" width="10" height="1" border="0" alt="">
    noBlur = 1
  }
  RO < .NO
  RO = 2
  RO {
    10.file.import.listNum = 1
  }
  CUR < .RO
}
```

### [#12](https://www.typo3.net/d/54681-grafisches-menue-mit-verschiedenen-bildern/12) · Unbekannter Benutzer · 2007-01-03

Naja Zeile 22 muss lauten:

RO = 1

Dann klappts auch mit dem Rollover!

### [#13](https://www.typo3.net/d/54681-grafisches-menue-mit-verschiedenen-bildern/13) · fellfresse · 2007-01-03

leider war das nicht die lösung.

```typoscript
RO < .NO
  RO = 1
  RO {
    10.file.import.listNum = 1
  }
  CUR < .RO
```

ein rollover oder cur zustand is aber noch nich zu sehen...

### [#14](https://www.typo3.net/d/54681-grafisches-menue-mit-verschiedenen-bildern/14) · fellfresse · 2007-01-03

nun endlich ist es geschafft:

```typoscript
  1.RO < .1.NO
  1.RO {
    10.file.import.listNum = 1
  }
  1.CUR < .1.RO
```

danke an alle mitwirkenden!

### [#15](https://www.typo3.net/d/54681-grafisches-menue-mit-verschiedenen-bildern/15) · typoclau · 2007-01-04

Hallo,

ich sitze nun schon länger an diesem Menü mit Bildern #paralyzed#

Da diese Thematik ja nicht neu ist, ich diese aber zum ersten Mal nutze, hoffe ich, Ihr habt einen Tip für mich.

Anfangs habe ich diesen Code genutzt:

```typoscript
NAVI = HMENU
NAVI.entryLevel = -1
NAVI.special = directory

NAVI.special.value = 1
NAVI.1 = GMENU
NAVI.1.NO {

ATagTitle.field = title

noBlur = 1

altImgResource.import = {$menpath}
altImgResource.import.field = media
file.import = fileadmin/Doris/images/
altImgResource.import.listNum = 0
wrap = | 

}
NAVI.1.RO {
noBlur = 1

altImgResource.import = {$menpath}
altImgResource.import.field = media
altImgResource.import.listNum = 1
wrap = | 

}
```

die Bilder werden weiss angezeigt, hier habe ich wohl immer noch Probleme mit den Pfadangaben - $menpath ist bei mir im template bei constants:

```typoscript
# Pfad zu den Menu Grafiken
menpath = uploads/
```

Muss ich nun auf jeder Seite ein ext-Templ. einrichten und das Menü überschreiben (bzw. den special.value dann entsprechend der ID setzen?

Gruß & danke schonmal

### [#16](https://www.typo3.net/d/54681-grafisches-menue-mit-verschiedenen-bildern/16) · typoclau · 2007-01-04

Auch bei diesem Versuch

```typoscript
NAVI = HMENU
NAVI {
  wrap = <img src="fileadmin/Doris/images/Puuloa_092_klein.jpg" width="94" height="67" border="0" alt="">|
  special = directory
  special.value = 6
  1 = GMENU
  1.NO = 1
  1.NO {       
    10 = IMAGE
    10 {
      file.import.field = media
      file.import = fileadmin/Doris/images/
      file.import.listNum = 0
    }
    XY = 94,67
    backColor = #ec0f0f
    # transparentBackground = 1
    wrap = |<img src="fileadmin/Doris/images/Puuloa_093_klein.jpg" width="94" height="67" border="0" alt="">
    noBlur = 1
  }
  1.RO < .1.NO
  1.RO {
    10.file.import.listNum = 1
  }
  1.CUR < .1.RO 

}
```

als ext-templ. auf der 2. Seite (die hat bei mir die ID=6) komme ich zu dem gleichen Ergebnis - vielleicht habe ich hier noch nicht richtig verstanden, wann was im Ordner uploads/media/ als array durchlaufen wird und wann ich den normalen Bilderpfad angeben muss :'(

### [#17](https://www.typo3.net/d/54681-grafisches-menue-mit-verschiedenen-bildern/17) · fellfresse · 2007-01-04

also ich versuche mal meine erfahrungen die ich in der diskussion gewonnen habe weiterzuvermitteln.

1)
in einem ordner

```typoscript
# Pfad zu den Menu Grafiken
menpath = uploads/
```

legst du all die grafiken rein die du in deinem menu benutzen möchtest. (eins für den NO zustand, eins für den RO zustand und vielleicht auch eines für CUR)

2)
dann stellst du den seitenheader auf "erweitert" bei allen seiten die in deinem menu erscheinen sollen. dadurch bekommst du ein neues feld das dateien heisst. in diesem feld musst du nun die grafiken einbinden die für diese seite im menu angezeigt werden sollen. also 2 grafiken wenn du nur einen NO und RO zustand hast. diesen schritt musst du für jede seite deines menus machen!

3)
typoscript schreiben und es sollte klappen.

4)
zu deinen scriptfehlern:
du gibst in deinem script 2mal einen pfad zu den grafiken an:

```typoscript
file.import = fileadmin/Doris/images/
und
# Pfad zu den Menu Grafiken
menpath = uploads/
```

das ist einmal zu viel.
also entweder:

```typoscript
file.import = fileadmin/Doris/images/
oder
file.import = ($menpath)
und im constantsbereich:
menpath = uploads/
```

zur sicherheit kannst du auch mal folgendes in dein script einbinden:

```typoscript
# debugMode
page.5 = TEXT
page.5.debugData = 1
```

am besten an erster stelle, dann bekommst du eine übersicht. in der gibt es ein feld das media heisst. dort mal nachschauen ob deine grafiken auch eingebunden wurden.

und du musst für ein menu nicht zig untertemplates schreiben un dann die id überschreiben. das machst du nur auf der oberseite, damit gibst du den startpunkt deines menus an. typo3 erzeugt dann automatisch das menu aus den unterseiten...

gruß

### [#18](https://www.typo3.net/d/54681-grafisches-menue-mit-verschiedenen-bildern/18) · Unbekannter Benutzer · 2007-01-04

Nur der Vollständigkeit halber...
Entweder man gibt einen Pfad im fileadmin an, wo man seine Bilder abgelegt hat ODER uploads/media/ denn genau dorthin kopiert TYPO die Bilder, wenn sie im Mediafeld abgelegt werden. Eigentlich ist das auch die beste Variante, weil TYPO unter Umständen (Dateiname existiert schonmal) die Datei umbenennt und dann den neuen Namen ins Mediafeld reinschreibt, dann funktioniert es natürlich mit den Originalen in fileadmin so nicht.
Ich würde die Originale auch nicht in uploads/ hochladen, denn der Ordner ist eigentlich für die Arbeitskopien von TYPO gedacht, d.h. dort hat man als "User" nichts zu suchen.

Grüße

Christian

### [#19](https://www.typo3.net/d/54681-grafisches-menue-mit-verschiedenen-bildern/19) · typoclau · 2007-01-04

Danke für Eure schnelle Antwort ;)

Seltsamerweise klappt es bei mir nur mit diesem Pfad:

```typoscript
menpath = fileadmin/Doris/images/
```

```typoscript
menpath=uploads/
```

läuft ins leere.

Bei

```typoscript
# debugMode
page.5 = TEXT
page.5.debugData = 1
```

tritt keine Änderung ein, vielleicht steht dies noch an falscher Stelle?

RO wird noch nicht angezeigt - aber: hurra - ich kann die Bilder sehen... :D

Gruß,

### [#20](https://www.typo3.net/d/54681-grafisches-menue-mit-verschiedenen-bildern/20) · Unbekannter Benutzer · 2007-01-04

Hi,

uploads/ kann auch nicht funktionieren, wenn dann uploads/media/

Was passiert denn beim Rollover?

Grüße

Christian

### [#21](https://www.typo3.net/d/54681-grafisches-menue-mit-verschiedenen-bildern/21) · typoclau · 2007-01-04

Oh - danke

uploads/media/ war das Zauberwort :o kaum macht man´s richtig, schon funktionierts...

Nun, beim Rollover tut sich nicht wirklich was - d.h., es wird stets das erste Bild angezeigt.

Gruß,
Claudia

### [#22](https://www.typo3.net/d/54681-grafisches-menue-mit-verschiedenen-bildern/22) · typoclau · 2007-01-04

nochmals zum RO-Zustand: der eigentliche Mouseover-Effekt scheint vorhanden, da die Hand erscheint beim über das Bild fahren...

### [#23](https://www.typo3.net/d/54681-grafisches-menue-mit-verschiedenen-bildern/23) · Unbekannter Benutzer · 2007-01-04

Das mit der Hand ist das normale Verhalten eines jeden Browsers, insofern beudeutet das nicht, dass die Rollover funktionieren. Da müsstest du mal im Frontend in den HTML-Quellcode gucken und schauen ob die Links in dem Menü jeweils ein onmouseover Attribut haben.

Du hast auch zwei verschieden Bilder in den Seiteneigenschaften eingebaut?

Um zu testen ob der RO funktioniert, kannst du ja mal statisch ein Bild einbinden.

Grüße

Christian

### [#24](https://www.typo3.net/d/54681-grafisches-menue-mit-verschiedenen-bildern/24) · typoclau · 2007-01-04

Hallo Christian,

ein Auszug meines Quelltextes:

```typoscript
<a href="6.0.html" onfocus="blurLink(this);" onmouseover="over('img6_30b4_0');" onmouseout="out('img6_30b4_0');"><img src="typo3temp/menu/8c5bd62e5d.gif"
```

usw.

Jetzt kann ich gut sehen, dass die mouseover Effekte da sind, jedoch immer dasselbe Bild benutzt wird...

Gruß,
Claudia

### [#25](https://www.typo3.net/d/54681-grafisches-menue-mit-verschiedenen-bildern/25) · typoclau · 2007-01-04

Hallo,

vielen Dank für Eure tatkräftige Hilfe - jetzt habe ich eine Bildergalerie als Navigation - die sieht - so finde ich verdammt gut aus!

Habe mich nun dazu entschieden den Rollover erstmal wegzulassen - die Bilder sind vom Fotografen und allein schon so gut, wenn die noch wechseln (mit anderer Hintergrundfarbe) vielleicht ist das zuviel. Manchmal ist auch weniger mehr.

Für den Fall der guten Bilder habe ich mir diesen Grundsatz zugelegt.

Nochmals vielen Dank und frohes Schaffen.

Gruß,

Claudia

### [#26](https://www.typo3.net/d/54681-grafisches-menue-mit-verschiedenen-bildern/26) · fellfresse · 2007-01-05

das nur ein bild verwendet wird kann folgende ursache haben:

```typoscript
file.import.listNum = 0
```

damit gibst du an das du im NO-Zustand das ERSTE bild, das du in dem feld FILES in deinen seiteneigenschaften angegeben hast verwenden möchtest.

im RO-ZUstand darf dann nicht nochmal 0 stehen, da dann das gleiche bild verwendet wird, also:

```typoscript
file.import.listNum = 1
```

schau mal ob es daran liegen könnte.

den debug mode kannst du ganz normal in dein typoscript einbinden. hier mal meine variante:

```typoscript
page = PAGE

# Stylesheetdatei einbinden
page.stylesheet = fileadmin/template/template.css

# debugMode
page.5 = TEXT
page.5.debugData = 1

page.10 = TEMPLATE
page.10 {
  template = FILE
  template.file = fileadmin/template/template.html
  workOnSubpart = DOCUMENT_BODY      
}

# Seitentitel ausgeben
page.10.subparts.PAGE_TITLE < tmp.Seitentitel

# obere Navigation einbinden
page.10.subparts.OBERE_NAVIGATION < tmp.Obere_Navigation

# Überschrift über der linken Navigation einbinden
page.10.marks.Naviueberschrift < tmp.Naviueberschrift

# linke Navigation einbinden
page.10.subparts.LINKE_NAVIGATION < tmp.Linke_Navigation

# Kontaktlink einbinden
page.10.marks.KONTAKTLINK < tmp.Kontaktlink

# Inhalte auf der Seite ausgeben
page.10.subparts.PAGE_CONTENT < styles.content.get
```

gruß

### [#27](https://www.typo3.net/d/54681-grafisches-menue-mit-verschiedenen-bildern/27) · typoclau · 2007-01-05

Hallo,

anhand des Screenshots möchte ich darstellen, welche Bilder für die (in diesem Fall auf Seite Impressum) Navigation geladen werden. Die Bilder unterscheiden sich durch eine andere Hintergrundfarbe:

<http://www.claudianeu.net/screenshot_navi_galerie.jpg>

Nun der TypoScript-Code:

```typoscript
NAVI = HMENU
NAVI.entryLevel = -1
NAVI.special = directory

NAVI.special.value = 1
NAVI.1 = GMENU
NAVI.1.NO {

ATagTitle.field = title

noBlur = 1

altImgResource.import = {$menpath}
altImgResource.import.field = media
altImgResource.import.listNum = 0
wrap = | 
}
XY = [10.w]+20,[10.h]+15
NAVI.1.RO < NAVI.1.NO
NAVI.1.RO {
altImgResource.import = {$menpath}
altImgResource.import.field = media
altImgResource.import.listNum = 1
wrap = |

#    10.file.import.listNum = 1
  }
NAVI.1.CUR < NAVI.1.RO
```

Vielleicht hat noch jemand einen Tip?

Gruß

### [#28](https://www.typo3.net/d/54681-grafisches-menue-mit-verschiedenen-bildern/28) · typoclau · 2007-01-05

eigentlich wollte ich auch testen, wie es ausschaut, wenn ich mit

```typoscript
XY = [10.w]+20,[10.h]+15
```

ein wenig Abstand zwischen den Bildern lasse, jedoch zeigt er diesen tS-Code gar nicht an bzw. setzt ihn nicht um... #angry#

Gruß

### [#29](https://www.typo3.net/d/54681-grafisches-menue-mit-verschiedenen-bildern/29) · fellfresse · 2007-01-06

einen abstand bekommst du mit offset rein, oder machst es wrap-st ein dummy gif als abstandshalter hinter jedes bild. das hab ich zumindest so gemacht und das funktioniert super.

```typoscript
NAVI.1.RO < NAVI.1.NO
NAVI.1.RO {
altImgResource.import = {$menpath}
altImgResource.import.field = media
altImgResource.import.listNum = 1
wrap = |
10.file.import.listNum = 1
}
NAVI.1.CUR < NAVI.1.RO
```

bei RO brauchst du nur die sachen neu zu definieren die du ändern möchtest. das spart platz und macht das ts übersichtlicher. also zeile 3 und 4 is überflüssig, weil das von NO ererbt wird. und was soll das 10.file... bewirken???

was genau is denn nun dein problem? was funktioniert bisher und was nicht?

### [#30](https://www.typo3.net/d/54681-grafisches-menue-mit-verschiedenen-bildern/30) · Unbekannter Benutzer · 2007-01-06

Also das der RO nicht funktioniert ist wirklich komisch. Kann ich die Seite mal sehen.

Das das XY nicht funktioniert liegt daran, dass es falsch steht... Es muss in die geschweiften Klammern des

NAVI.1.NO

Also z.B. in Zeile 10 des Codes, den du gepostet hast.

Grüße

Christian

PS: Wie ich auf deiner Seite sehe, bist du ja direkt um die Ecke.

### [#31](https://www.typo3.net/d/54681-grafisches-menue-mit-verschiedenen-bildern/31) · typoclau · 2007-01-08

Hallo,

bitte nicht wundern - der Code ist wahrscheinlich noch nicht allzu sauber - bin noch nicht solange dabei - mit Typo3...

Die betreffende Seite heisst: <http://www.puuloa.de>

-Habe den Abstand jetzt mit einem dummy-jpg umbrückt- meine Bilder dementsprechend umgebaut... da bin ich noch selbst drauf gekommen - ist halt eigentlich die umständlichere Variante - ich habe ja "nur" 8 Bilder...

Hm - also der Rollover macht echte Probleme - es ist aber jetzt nicht so hyperwichtig, dass er da ist.

Gruß,

Claudia

P.S.: Ja, ich bin überrascht, dass wir so nah beieinander wohnen! Denn so viele gibt's ja nun auch nicht von unserer Sorte #giggle#

### [#32](https://www.typo3.net/d/54681-grafisches-menue-mit-verschiedenen-bildern/32) · Unbekannter Benutzer · 2007-01-08

Hallo,

also da ist jetzt im HTML-Code aber nichts mehr von rollover zu sehen. Hast du die jetzt aus dem TS Code komplett rausgenommen? Der RO muss gehen, dachte halt es wäre gut es noch zu machen, damit du siehst das es geht...

Hast du das mit dem XY an der richtigen Stelle nochmal probiert?

Du hast recht, wir sind so wenige, dass ich mich wundern sollte, dass überhaupt jemand in Deutschland wohnt. ;-) War nur überrascht, das wirklich jemand direkt um die Ecke ist.

Viele Grüße

Christian

### [#33](https://www.typo3.net/d/54681-grafisches-menue-mit-verschiedenen-bildern/33) · typoclau · 2007-01-10

Hallo,

nun, hier noch einmal mein TS-Konstrukt für die "Navigationsgalerie":

```typoscript
NAVI = HMENU
NAVI.entryLevel = -1
NAVI.special = directory

NAVI.special.value = 1
NAVI.1 = GMENU
NAVI.1.NO {

ATagTitle.field = title
XY = [1.w]+20,[1.h]+15
noBlur = 1

altImgResource.import = {$menpath}
altImgResource.import.field = media
altImgResource.import.listNum = 0
wrap = | 
}
NAVI.1.RO < NAVI.1.NO
NAVI.1.RO {

#ATagTitle.field = title

#noBlur = 1

#altImgResource.import = {$menpath}
#altImgResource.import.field = media
altImgResource.import.listNum = 1
wrap = |

#file.import.listNum = 1
  }
NAVI.1.CUR < NAVI.1.RO
```

Vielleicht hat hier doch noch jemand eine Idee, warum der RO-Effekt nicht greift?

Gruß

### [#34](https://www.typo3.net/d/54681-grafisches-menue-mit-verschiedenen-bildern/34) · Unbekannter Benutzer · 2007-01-10

Füg mal bitte zwischen Zeile 17 und 18 folgendes ein:

NAVI.1.RO = 1

Das müsste eigentlich alles sein.

Grüße

Christian

### [#35](https://www.typo3.net/d/54681-grafisches-menue-mit-verschiedenen-bildern/35) · typoclau · 2007-01-11

Super! Und: vielen, vielen Dank!

Nun - bei mir klappts allerdings nur wenn ich diese 2 Zeilen beim RO nochmal mit hereinnehme:

```typoscript
altImgResource.import = {$menpath}
altImgResource.import.field = media
```

-aber super: nun geht es auch mit RO und CUR mein bereinigter Code:

```typoscript
NAVI = HMENU
NAVI.entryLevel = -1
NAVI.special = directory

NAVI.special.value = 1
NAVI.1 = GMENU
NAVI.1.NO {

ATagTitle.field = title
XY = [1.w]+20,[1.h]+15
noBlur = 1

altImgResource.import = {$menpath}
altImgResource.import.field = media
altImgResource.import.listNum = 0
wrap = | 
}
NAVI.1.RO = 1
NAVI.1.RO < NAVI.1.NO
NAVI.1.RO {

#ATagTitle.field = title

#noBlur = 1

altImgResource.import = {$menpath}
altImgResource.import.field = media
altImgResource.import.listNum = 1
#wrap = |

#file.import.listNum = 1
  }
NAVI.1.CUR < NAVI.1.RO
```

Ich schätze mal, dass ich die 1 setze, da das NO array standardmässig auf 0 steht, dies aber ja so nicht extra definiert werden muss?

Gruß & danke :D

Claudia

### [#36](https://www.typo3.net/d/54681-grafisches-menue-mit-verschiedenen-bildern/36) · Unbekannter Benutzer · 2007-01-11

Genau, das mit der 0 und 1 stimmt so. Prima, dass es jetzt klappt.

Bei der Seite fehlen aber noch die Preise (ich bestelle ja keinen Geschenkgutschein ohne zu wissen, was mich das kostet) und die Angaben im Impressum sind nicht vollständig.

### [#37](https://www.typo3.net/d/54681-grafisches-menue-mit-verschiedenen-bildern/37) · typoclau · 2007-01-12

Hallo,

ja, hast recht - da fehlen die Preise... nun, Frau Eckert möchte zunächst einmal, dass die Kunden sich bei Ihr melden und mit ihr Kontakt aufnehmen, so dass sie ihre Kunden schon einmal gehört hat oder zumindestens mit ihnen schon mal in Kontakt getreten ist... - der Kunde ist König - na ja, o.k. es ist ja ihre Seite und eine sehr in die Persönlichkeit eines einzelnen gehender Beruf  ;) - wie ich finde... ich meine auch, das das ja ganz o.k. ist - hmmm. - ich gebe ja auch keine Pauschalpreise - dafür ist meine Arbeit nun bisher doch zu individuell gewesen.

Es ist noch nicht alles soweit fertig, aber der Großteil ist getan.

Gruß nach Bornheim & frohes Schaffen,

Claudia

### [#38](https://www.typo3.net/d/54681-grafisches-menue-mit-verschiedenen-bildern/38) · keks04 · 2007-01-15

hallo

jmd einen tipp, was ich falsch mache?

```typoscript
#grafisches Menü
marks.MENU = HMENU
marks.MENU.wrap = <div> | </div>
marks.MENU.1 = GMENU
marks.MENU.1.transparentBackground = 1

marks.MENU.1{
   NO  {
   	10 = IMAGE
   	XY = 110,30
   	#XY = [10.w],[10.h]

     10 {
        altImgResource.import = uploads/media
	altImgResource.import.field = media
	altImgResource.import.listNum = 0  
		
     }
     
     10.wrap = <span>|</span>
   }
   
   #RO < .NO
   #RO = 1
   #RO.altImgResource.import.listNum = 1
   
   #ACT < .RO
}
```

muss man vielleicht irgendwas bei der benennung der dateien beachten?

### [#39](https://www.typo3.net/d/54681-grafisches-menue-mit-verschiedenen-bildern/39) · fellfresse · 2007-01-15

eine beschreibung des problems wäre nicht schlacht. was funktioniert denn nicht?

das macht die hilfe einfacher und damit schneller

### [#40](https://www.typo3.net/d/54681-grafisches-menue-mit-verschiedenen-bildern/40) · keks04 · 2007-01-15

sorry, das menu wird nur als komplett weißen grafiken angezeigt, die aber mit den richtigen links versehen sind und auch die richtige größe haben

### [#41](https://www.typo3.net/d/54681-grafisches-menue-mit-verschiedenen-bildern/41) · fellfresse · 2007-01-15

1) liegen die bilder die du für die navigation benutzen willst wirklich in uploads/media?
2) hast den seiten die speziellen bilder über den page header zugewiesen?
3) was sagt der debugMode (ober steht das TS zum aktivieren) -- also hat typo3 die bilder eingebunden?

### [#42](https://www.typo3.net/d/54681-grafisches-menue-mit-verschiedenen-bildern/42) · keks04 · 2007-01-16

hab das jetzt erstmal anders gelöst.(per javascript hartcodiert) da ich noch andere projekte machen muss, fehlt mir momentan die zeit, deine vorschläge zu testen, werd das aber demnächst auch mal ausprobieren und dann die lösung posten...

trotzdem vielen dank!!!

### [#43](https://www.typo3.net/d/54681-grafisches-menue-mit-verschiedenen-bildern/43) · Unbekannter Benutzer · 2007-03-26

ich habe den fertigen code der hier stand angepasst und bei mir eingefügt. leider erscheint nur ein weisses feld.
hier mein code:

```typoscript
  marks.HOLYTOOLS = HMENU
  marks.HOLYTOOLS.special.value = 12
  marks.HOLYTOOLS.1 = GMENU
  marks.HOLYTOOLS.1.NO {  
    ATagTitle.field = title
#    XY = [1.w]+20,[1.h]+15
    XY = 14,10
    noBlur = 1   
    altImgResource.import = {$menpath}
    altImgResource.import.field = media
    altImgResource.import.listNum = 0
    wrap = |
  }
  marks.HOLYTOOLS.1.RO = 1
  marks.HOLYTOOLS.1.RO < NAVI.1.NO
  marks.HOLYTOOLS.1.RO {  
    #ATagTitle.field = title    
    #noBlur = 1
    altImgResource.import = {$menpath}
    altImgResource.import.field = media
    altImgResource.import.listNum = 1
    #wrap = |
    #file.import.listNum = 1
  }
  marks.HOLYTOOLS.1.CUR < NAVI.1.RO
```

die bilder liegen unter uploads/media  ich habe auch die den seitentyp auf "erweitert" eingestellt und die grafiken zu jeder seite eingestellt.

woran kann es noch liegen?
danke!

### [#44](https://www.typo3.net/d/54681-grafisches-menue-mit-verschiedenen-bildern/44) · Unbekannter Benutzer · 2007-03-28

nun erscheint zwar das foto jedoch kein menüpunkt. ich hätte gern hinter der grafik den jeweilien seitennamen angezeigt, als text..

jemand eine ahnung?

---

Quelle: „grafisches Menü mit verschiedenen Bildern“, typo3.net, https://www.typo3.net/d/54681-grafisches-menue-mit-verschiedenen-bildern
Beiträge von Mitgliedern des Forums. Bitte mit Link auf die Diskussion zitieren.
