Mein Problem ist folgendes:
Ich will ein Rolloverbild mit einem Image Map belegen.
Das Problem is daß Netscape 4.x es nicht schafft das Bild zu wechseln wenn man mit der Maus rüberfährt. Es wechselt sich erst wenn man mit der Maus zum unteren rechten Rand des Bildes geht.
Der Rollover Effekt würde funktionieren wenn das Bild keine Image Maps enthalten würde.
Wie schaffe ich es den Code so zu verändern damit es im Netscape 4.x, oder älter läuft.
P.S.
Unter den neueren Browsern läuft der Code
Danke für die Hilfe
Quellcode mit Dreamweaver generiert:
<html>
<head>
<title>Unbenanntes Dokument</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script language="JavaScript" type="text/JavaScript">
<!--
function MM_swapImgRestore() { //v3.0
var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}
function MM_preloadImages() { //v3.0
var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}
function MM_findObj(n, d) { //v4.01
var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
if(!x && d.getElementById) x=d.getElementById(n); return x;
}
function MM_swapImage() { //v3.0
var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
//-->
</script>
</head>
<body onLoad="MM_preloadImages('bild1.gif')">
<a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('testbild','','bild1.gif',1)"><img src="bild2.gif" name="testbild" width="198" height="295" border="0" usemap="#testbildMap">
<map name="testbildMap">
<area shape="circle" coords="104,172,45" href="#">
</map>
</a>
</body>
</html>