Onmouseover und Probleme

[marcel]

Hi Leute ich hab ein kleines Problem mit dieser Navigation
http://www.istware.de/test/index.html

Sobald ich neues image dazu mache faengt sie an zu spinnen
woran liegt das ??? Achtet auf das  logo rechts oben

Habe zwar einen verdacht aber ....naja

waere schoen wenn ihr mir helfen koenntet

Danke

g

Marcel

[Fichtl]

Seas Marcel

Sobald ich neues image dazu mache faengt sie an zu spinnen
woran liegt das ??? Achtet auf das  logo rechts oben

Aus dem Source Code
<a href="zelt.htm" onmouseover="document.images[1].src='1_2.gif'" onmouseout="document.images[1].src='1_1.gif'"

für jeden Menueintrag hast du so einen Link
document.images[1].src bedeutet das zweite Bild auf der Seite
(Es wird bei 0 zu zählen begonnen)

wenn du jetzt darüer ein bild einfügst ist es logischerweise
nicht mehr das zweite sonder das dritte bild will heißen

<a href="zelt.htm" onmouseover="document.images[2].src='1_2.gif'" onmouseout="document.images[2].src='1_1.gif'"
für den ersten menupunkt

images[3]
für den zweiten und so weiter

bis dann
Fichtl

[Holger]

In Deinem Fall, müsste der erste Link die Nummer 2 haben, da bei forltaufender Indizierung das Bild "<img src="elogorev.gif">" den Index 0 und das Bild "<img src="asdfasdf.gif" align="right">" den Index 1 "bekommt".
Also:
<a href="zelt.htm" onmouseover="document.images[2].src='1_2.gif'" onmouseout="document.images[2].src='1_1.gif'"><img src="1_1.gif" border="0"></a><br>
     <a href="zelt.htm" onmouseover="document.images[3].src='2_2.gif'" onmouseout="document.images[3]src='2_1.gif'"><img src="2_1.gif" border="0"></a><br>

usw.
.
.
.
.

[Fichtl]

hallo

als erster laut schreien und dann selber nicht
zählen können - typisch :-))

bis dann
grüße
fichtl

[AlexBausW]

Hallo Marcel,

Du verwendest einfach nur einen zu niedrigen Index. Zähl mal die <img>-Tags im Quellcode beginnend mit 0, dann erhälst Du die richtigen Indizes für Mousover And out.
Besser wäre es, wenn Du Deinen <img>es Namen gibst: name="Bild1" und dann in Deinem Quelltext document.images["Bild1"].src = ... schreibst. Dann kann nix durcheinander geraten.
Noch besser wäre natürlich, wenn Du statt in jedem Link das ganze in einer Funktion machst, der Du die Parameter Bildname und Quelle übergeben kannst. Die letzte Verbesserung ist dann, die Quelle nicht bei Bedarf zuzuweisen, sondern vorzuladen, was den Mouseover-And-Out-Effekt wesentlich beschleunigt.

Aber dazu findest Du alles ausführlich in Selfhtml

Gruß AlexBausW