hi
weiß jemand wie und ob es möglich ist eine image-map mit roll-over also mouse over zu machen ?
ja, dafür nimmst du JAVAScript.
Hier der Scipt:
<script language="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.0
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 && document.getElementById) x=document.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>
Der Script muss in den Head Bereich.
Zum einbinden musst du folgendes tun. Das kannst du irgendwo in die Seite einfügen, wo es hin soll:
<a href="test.htm" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image1',''test.gif',1)"><img name="Image1" border="0" src="test2.gif" width="50" height="50"></a>
Ich würde dir dazu noch empfehlen in den Body die Over Images vorzuladen. Sonst läd der erst wenn man mit der Maus drüber geht. Das is scheisse. Das muss in den Body! So gehts:
<body bgcolor="#000000" text="#000000" onLoad="MM_preloadImages('test2.gif')">
okay, so gehts.
Falls de noch Fragen hast, frag noch ma.
grüße