Rolloverbild mit einem Image Map belegen
ZMK
- design/layout
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>
Hi,
Mein Problem ist folgendes:
Ich will ein Rolloverbild mit einem Image Map belegen.
Warum? Ein Rolloverbild ist doch gleichzeitig quasi auch eine Image Map, oder was hast Du vor?
MfG
Thomas N
Hey,
grund ist, ich will eine roll over leiste mit mehreren image maps belegen!
damit ich einzelne elemente der leiste verlinken kann.
mfg, i.