das geht recht einfach.
also:
zunächst legst du eine
imagemap über das bild. dann schreibst du in die area-tags ein onmouseover rein, dass einen div an angegebener stelle erscheinen lässt
Code:
document.getElementById('id_des_divs').style.display = '';
in den div selbst schreibst du style="display:none;" rein, damit er anfangs nicht gezeigt wird. er wird an die stelle gesetzt, an der er auch später sichtbar sein soll. dann wird er engezeigt, wenn man mit der maus drüberfährt. zudem musst du in den area-tag nocht ein onmouseout reinschreiben, dass den div wieder verschwinden lässt
Code:
document.getElemntById('id_des_divs').style.display = 'none';
jetzt wird der die bei mouseout wieder unsichtbar. wenn du zudem noch bei der funktion 2 variablen übergibst, dann reicht nur eine funktion:
Code:
function zeigen(feld,sichtbar){
document.getElemntById(feld).style.display = sichtbar;
}
und die funktion rufst du wie folgt auf (ich hab die restlichen angaben im area-tag weggelassen):
Code:
<area onMouseOver="zeigen('id_des_divs','')" onMouseOut="zeigen('id_des_divs','none')">
wenn man will, dann kann man sich die arbeit noch mehr erleichtern, und javascript die divs aktiv schreiben lassen, und auch aktiv inhalt einfügen, aber das sollte eigentlich so reichen :)
--> der code wurde von mir nicht getestet, es kann sein dass er fehler enthält. er sollte eigentlich nur eine anregung sein um es selbst zu coden.