Andere Graphiken ändern sich bei Mouseovereffekt!!

[Thorsten]

Hallo,

ich habe ein Problem und hoffe, ihr könnt mir helfen.
ich habe ein Navigationsmenü mit dynamischen grafischen Buttons nach dem Vorbild in SELFHTML (http://selfhtml.teamone.de/javascript/beispiele/buttons.htm) erstellt.
Funktioniert soweit einwandfrei. Nun wollte ich über dem Menü mit den Buttons ein Bild positionieren,also kein Link sondern ein Bild das immer über dem Menü ist. Habs in die gleiche Zelle wie das Menü gepackt. Das hatte zur Folge,dass bei überfahren der Buttons mit der Maus sich das Bild oben änderte und die Mouse-Over-buttons an stelle des bildes angezeigt wurden und das Buttonmenü selbst nicht mehr richtig funtionierte.Hab dann das Bild in eine extra Zelle die über der Zelle mit den buttons positioniert ist,gepackt. Doch auch da trat das gleiche problem auf. Ich weiß nicht warum und hoffe dass mir jemand helfen kann, weil ich selbst nicht mehr weiter weiß.
Vielen Dank im Voraus!!

[Jürgen K.]

Hallo,

ein bißchen Quelltext würde uns sehr helfen.

Viele Grüße,
Jürgen

[Thomas J.]

Tag auch

Das klingt danach, als hättest Du die Bildnummer verwechselt.
In window.document.images[Bildnr].src = Bildobjekt.src; ist window.document.images[0] das erste Bild in der Datei,  window.document.images[1] das zweite Bild usw.

Jetzt mußt Du nur noch in Deinem Quelltext abzählen, welches Bild Du ändern willst und die entsprechend richtige Zahl an die Funktion übergeben.

Mit etwas Nachdenken und Probieren hättest Du da aber auch selbst darauf kommen können. Zu irgendwas müssen die Zahlen ja gut sein.

Thomas J.
(der an einer Erwähnung im nächsten Arthur-P.-Gedächtnisthread arbeitet)

[Bad Suliban]

Das Problem ist ganz einfach.
Ich vermute mal dein Quelltext sieht in etwa so aus:

<TR>
<TD><IMG src="bild-dass-immer-über-dem-menü-ist.gif"></TD>
</TR>
<TR>
<TD><A href="thema1.htm"><IMG src="menuauswahl1.gif"></A></TD>
</TR>
<TR>
<TD><A href="thema2.htm"><IMG src="menuauswahl2.gif"></A></TD>
</TR>

usw.

Ich denke mal da lieg ich in etwa richtig (natürlich kommt da jetzt noch das ganze mit OnMouseOver etc. hinzu...)

Ursprünglich meinst du ja, dass das erste IMG nicht da war und da hat alles bestens funktioniert. Jetzt aber funktioniert das net mehr so wie vorher sondern die Buttons sind verschoben wenn man drübergefahren ist. Die Lösung ist folgende:

Beim onMouseOver gibts du ja in der Funktionsklammer die Nr. des IMG mit an Beispiel:
<A href="thema1.htm" onMouseOver="Bildwechsel(0,Highlight1)" onMouseOut="Bildwechsel(0,Normal1)">...

Das Blöde ist jetzt nur, dass du beim Link die Bildnummer 0 angibst, obwohl du das BildNr 1 ansprechen willst! Du musst bedenken, dass jetzt nicht mehr "menuauswahl1.gif" das erste Bild auf der Page ist (und damit den Index 0 hat) sondern "bild-über-dem-menü.gif" !
Du musst bei deinen eventhandlern einfach die Indizes um jeweils 1 erhöhen. Das heißt aus
onMouseOver="Bildwechsel(0,Highlight1)"
wird
onMouseOver="Bildwechsel(1,Highlight1)" usw.

Ich hoffe, dass ich dein Problem verstanden hab (und du auch meine Lösung *g*)

MfG, A Bad Suliban