cursor ändern beim Link

[Gernot Back]

Hallo supersass1,

ich hab das versucht zu machen, funktioniert aber nicht:

#main2 {
cursor:default;
}

<img src="Bilder/1.jpg" alt="" border="0" usemap="#main">

Wenn du deinem Bild jetzt auch noch die id="main2" verpasst, also

<img src="Bilder/1.jpg" alt="" border="0" id="main2" usemap="#main">

... und vielleicht testweise erst einmal einen anderen Cursor, vielleicht crosshair ...

<map name="main">
<area shape="CIRCLE" coords="600,300,140" href="draußen1.html" title="main2"></map>

... und in deiner Area dann per Eventhandler eine ensprechende Cursor-Änderungsfunktion aufrufst, also z.B.:

<area shape="CIRCLE" coords="600,300,140" href="draußen1.html" title="main2" onClick="aendern('main2')">

function aendern(was) {
  document.getElementById(was).style.cursor="ne-resize";
}

... wirst du sehen, dass sich was tut.

Diese Änderung kannst du dann onBlur oder onMouseOut auch wieder rückgängig machen mit einer entsprechenden Rückänderungsfunktion.

Gruß Gernot