onmouseover Bilderwechsel

[Same]

Ich habe follgendes Problem:

ich habe einen Bilderwechsel von mehreren verschiedenen Menü-Bildern gemacht, nur sobald die Seite geladen wird erscheinen keine Bilder. Diese kommen erst wenn ich mit der Maus über diese fahre bzw. wieder diese Bilder verlasse

Der Quellcode für den wechsel ist:



<li>
<p><a href="index.php" title="Home / News"
onMouseOver="BildVeraendern('Home / News', 'i02');"
onMouseOut="BildVeraendern('Home / News', 'i01');">
<img border="0" src="news1.jpg" name="Home / News" width="180" height="20">
</a></p>
</li>
<li>
<p><a href="#" title="Bilder"
onMouseOver="BildVeraendern('Bilder', 'i04');"
onMouseOut="BildVeraendern('Bilder', 'i03');">
<img border="0" src="bilder1.jpg" name="Bilder" width="180" height="20">
</a></p>
</li>




Die datei des dazugehörigen JS beinhaltet:




i01 = new Image();
i01.src = "img/news1.jpg";
i02 = new Image();
i02.src = "img/news2.jpg";

i03 = new Image();
i03.src = "img/bilder1.jpg";
i04 = new Image();
i04.src = "img/bilder2.jpg";

function BildVeraendern(ImageName, ImageObjektName)
{
document.images[ImageName].src = eval(ImageObjektName + ".src")
}



Wär schön wenn mir da jemand helfen könnte


LG
Same

[BlueJay]

Die datei des dazugehörigen JS beinhaltet:


Änder das Mal nach:


onMouseOver="BildVeraendern('Bilder', i04);"
onMouseOut="BildVeraendern('Bilder', i03);">

(statt String Bild-Objekte übergeben)
...

function BildVeraendern(ImageName, ImageObjekt)
{
document.images[ImageName].src = ImageObjekt.src;
}

eval sollte man nur im äussersten Notfall verwenden (langsam)

Und dass deine Bilder nicht direkt erscheinen, kann an den lahmen Leitungen oder dem Cache liegen. Konqueror ist z.B. ein besonders schlimmer Fall.
Wie sieht's denn lokal aus? Alle Bilder im Zugriff?

so long,
uja

[Same]

Ich habe das jetzt mal so gemacht wie du es geschrieben hattest

dann zeigt der bei mir garkeine Bilder mehr an :(

[BlueJay]

Der HTML-Teil sollte zumindest Bilder anzeigen, sonst stimmt etwas mit den Bild-Pfaden und Dateien nicht. Hast du irgendeine base-url eingetragen? Groß-Kleinschreibung beachtet?

Ist es richtig, dass die Hover-Bilder und das Basis-Bild in verschiedenen Verzeichnissen liegen?

[Same]

Nein, beide Bilder liegenim selben Verzeichnis, aber die Pfade sind alle in Ordnung.

[BlueJay]

Du liest aber einmal aus demselben Verzeichnis(html), einmal aus img(JS). Das kann dann nicht gutgehen.