Mouseover-out

[Fe.m@c]

Hallo zusammen,

wer hat eine super tolle Idee, wie ich folgendes am einfachsten realisiere:

Ich habe eine Bildfläche von ca. 300 x 300px. Das Bild soll sich ausblenden
beim Mouseover und darunter - jetzt kommts - sollen ganz viele weiterführende
Links zum anklicken stehen. Bei Mouseout blendet sich das Bild wieder ein.

Mein Versuch war über Bordmittel Dreamweaver:

Headscript:

function MM_changeProp(objId,x,theProp,theValue) { //v9.0
var obj = null; with (document){ if (getElementById)
obj = getElementById(objId); }
if (obj){
if (theValue == true || theValue == false)
eval("obj.style."+theProp+"="+theValue);
else eval("obj.style."+theProp+"='"+theValue+"'");
}

HTML:
<div id="p-yard" onmouseover="MM_changeProp('p-yard-img','','display','none','DIV')" onmouseout="MM_changeProp('p-yard-img','','display','block','DIV')">

<div id="p-yard-img"></div>
texte mit Links
</div>



geht aber nicht

Gibts da nicht was einfaches? Glaube ich habe ein Hirnknäuel - wer hat eine tolle Idee?
Würde mich sehr freuen - Liebe Grüße Fe

[Fe.m@c]

Juhu ich hab ne Lösung, Hirnknäuel aufgelöst:

Headscript:
function MM_changeProp(objId,x,theProp,theValue) { //v9.0
var obj = null; with (document){ if (getElementById)
obj = getElementById(objId); }
if (obj){
if (theValue == true || theValue == false)
eval("obj.style."+theProp+"="+theValue);
else eval("obj.style."+theProp+"='"+theValue+"'");
}
}

HTML:
<div id="inhaltskasten1">
<div id="kasten1-img"><a href="#" onmouseover="MM_changeProp('kasten1-img','','visibility','hidden','DIV')"
onmouseout="MM_changeProp('kasten2-img','','visibility','visible','DIV');MM_changeProp('kasten3-img','','visibility','visible','DIV');">
<img src="http://www.traum-projekt.com/forum/images/spacer.gif" alt="kasten1" width="283" height="274" /></a></div>
inhaltslinks
</div>


Vielleicht hilft es ja noch jemanden Gibt bestimmt auch was einfacheres - aber das
funktioniert bei mir in Safari, Firefox Mac/PC, Opera Mac, IE 7+8, sowie Chrome

LG Fe