Guten Abend,

gleich vorweg ich bin ein Anfänger in Sachen HTML.

Es geht darum das ich für eine Arbeit ein Suchbild als kleines Browserspiel erstellen soll.
Das Spiel soll so Funktionieren das durch MousOver bei einer bestimmten Koordinate, das gesucht Objekt, durch einen Roten Kreis angezeigt wird.

Den Code hab ich durch googeln gefunden, er war eigentlich dafür gedacht auf einem Bild Links zu verstecken.

Bin jetzt soweit das ich auf meinem Suchbild eine area shape circle definiert habe wo der Fehler ist. Habe es auch hinbekommen das bei MousOver ein Roter Kreis angezeigt wird, aber leider unter meinem Suchbild und nicht über dem definierten Circle.
Es sollen später auch mehrere Objekte zu suchen sein, also nicht nur eins.

Auch wäre ich für eine Erläuterung des Scripts dankbar da ich noch nicht alles verstehe.

HTML-Code: 
<body>

<h1>Suchbild</h1>

<p>
  <img src="suchbild.jpg" width="582" height="397" border="0" alt="Suchbild" usemap="#Suchbild">
  <map name="Suchbild">
    <area shape="circle" coords="247,178,10"
    href="" onMouseOver="document.redcircle.src='red_circle.png';">
<img src="" name="redcircle">


  </map>
</p>

</body>
Gruß
Rammon