HTML Imagemaps + Rollover Browserabhängig?

XenonNi

Cadet 3rd Year
Registriert
Apr. 2005
Beiträge
35
Morgen Community,

habe ein Problem mit Imagemaps die einen "rollover" darstellen sollten.
Die Verlinkung würde (siehe #1, #2) funktionieren, allerdings lädt er die anderen Bilder nicht im von mir getesteten Chrome und Safari. Firefox läuft wie immer alles wunderbar.

Hier der Code:
HTML:
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>Unbenanntes Dokument</title>
</head>

<body>
<img src="00.jpg" width="235" height="250" border="0" usemap="#Map" id="Bild">
<map name="Map">
  <area shape="rect" coords="21,0,95,250" href="#1" onMouseOver="document.Bild.src='01.jpg'">
  <area shape="rect" coords="132,0,204,250" href="#2" onMouseOver="document.Bild.src='02.jpg'">
  <area shape="rect" coords="0,0,235,250" href="#" onMouseOver="document.Bild.src='00.jpg'">
</map>
</body>
</html>

bzw. der Link: http://xenon4u.de/imgmap


Vielen Dank im voraus
 
document.Bild ist nicht definiert. Probier mal document.getElementById("Bild") statt dessen.
 
Hi natto,

die neue Datei steht wieder auf dem vorherigen Link bereit. Leider funktioniert es momentan mit dem aktuellen Befehl onMouseOver="document.getElementById("Bild").src='01.jpg'" auch im Firefox nicht mehr.

Danke für deine rasante Antwort
 
Naja, du musst die Anführungsstriche natürlich ordentlich verschachteln. 'Bild' (<-- einfach Anführungsstriche).
 
Jop funktioniert!

Vielen Dank... is schon etwas peinlich an soetwas zu scheitern :p
 
Manchmal wird man ziemlich schnell Code-Blind ;-)
 
Zurück
Oben