• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

onmouseover und <area> in einen Befehl

F

firefighter1896

Neues Mitglied
Hallo zusammen,

ich möchte für ein Schulprojekt, eine Bundesländer-Karte verlinken. Dabei soll wenn man mit der Maus über ein Bundesland kommt, soll dieses leicht hervor treten (schon realisiert mit onmouseover, dabei verändert sich das bild).Weiterhin soll dazu ein link geöffnet werden. Wie kann ich das realisieren ?

<img src="" name="bundeslaender-deutschland.jpg" alt="bundeslaender-deutschland.jpg" onmouseover="this.src='niedersachsen.jpg';" onmouseout="this.src='bundeslaender-deutschland.jpg';"/><br>

<html>
<img src="bundeslaender-deutschland.jpg" width="300" height="405" border="0" alt="Karte" usemap="#map">

<map name="map">
<area shape="poly" coords="102,62,93,60,88,73,90,80,81,74,79,85,73,81,76,76,71,69,47,71,42,87,47,88,45,108,41,115,40,123,30,123,29,133,38,134,41,144,46,143,59,136,66,140,69,149,67,154,85,151,85,142,80,135,91,130,91,138,98,138,105,133,105,139,101,140,102,146,107,159,112,167,144,175,122,177,122,192,128,192,146,179,152,181,154,176,152,163,155,155,162,153,164,131,158,125,158,114,164,111,176,111,181,103,172,103,163,95,153,95,148,89,140,88,136,85,140,83,139,73,133,71,124,78,119,78,113,63,102,62"
href="niedersachsen">

</html>

Diese beiden Script sollen verbunden werden.

Vielen dank für euer Hilfe
 
Weiß nich, ob es funzt, aber ich würde es ma so probieren:
Code: 
<img src="bundeslaender-deutschland.jpg" width="300" height="405" border="0" alt="Karte" usemap="#map"[B] [I]id="de"[/I][/B]>
 
<map name="map">
<area shape="poly" coords="102,62,93,60,88,73,90,80,81,74,79,85,73,81  ,76,76,71,69,47,71,42,87,47,88,45,108,41,115,40,12  3,30,123,29,133,38,134,41,144,46,143,59,136,66,140  ,69,149,67,154,85,151,85,142,80,135,91,130,91,138,  98,138,105,133,105,139,101,140,102,146,107,159,112  ,167,144,175,122,177,122,192,128,192,146,179,152,1  81,154,176,152,163,155,155,162,153,164,131,158,125  ,158,114,164,111,176,111,181,103,172,103,163,95,15  3,95,148,89,140,88,136,85,140,83,139,73,133,71,124  ,78,119,78,113,63,102,62"
href="niedersachsen" onmouseover="[I][B]document.getElementById("de")[/B][/I].src='niedersachsen.jpg';" onmouseout="[I][B]document.getElementById("de")[/B][/I].src='bundeslaender-deutschland.jpg';">
 
Hab es schon realisiert Danke für eure(deine) Untersützung


<img usemap="#eye_map" name="eye" src="normal.gif" border="0" alt="..." width="xx" height="xx" />

<map name="eye_map" id="map#1">
<area shape="poly" coords="xx,xx,xx,xx,xx,xx" href="#" alt="..."
onmouseover="if(document.images) document.eye.src='rollover.gif';"
onmouseout="if(document.images) document.eye.src='normal.gif';" />
</map>
 
Du musst dich einloggen oder registrieren, um hier zu antworten.

Neueste Beiträge

Zurück
Oben