Hallo,
Ich möchte eine html seite erstellen wo eine Grafik eingebunden ist wo wenn man mit der Maus drüber fährt, eine andere erscheint. Habe eigentlich alles so gemacht wie hier beschrieben (http://de.selfhtml.org/navigation/suche/index.htm?Suchanfrage=dynamische+bildwechsel)
Das Problem ist folgendes: wenn ich die Seite lade, wird statt dem Bild ein rotes X angezeigt. Wenn ich jetzt mit der Maus drüber fahre, wird die zweite grafik angezeigt so wie es auch sein soll. Geh ich mit der Maus von dem Bild runter erscheint die erste Grafik statt dem roten X so wie es ja auch sein soll nur warum wird beim laden der Seite das rote X angezeigt statt dem ersten Bild?
Danke für eure Hilfe,
greetz KingPin
CODE:
<html>
<head>
<script type="text/javascript">
Normal1 = new Image();
Normal1.src = "1-1.bmp"; /* erste Standard-Grafik */
Highlight1 = new Image();
Highlight1.src = "c1-1.bmp"; /* erste Highlight-Grafik */
function Bildwechsel (Bildnr, Bildobjekt) {
window.document.images[Bildnr].src = Bildobjekt.src;
}
</script>
<a href="www.google.de"
onmouseover="Bildwechsel(0, Highlight1)"
onmouseout="Bildwechsel(0, Normal1)"><img src="button1.gif"
border="0" ></a><br>
<body>
</body>
</html>