Hallo Leute,
ich habe zur Aufgabe eine Stadtkarte mit Regionen der Stadt, also selbes Prinzip, wie eine Landkarte mit regionen. Hier soll jede einzelne Region bei einem Mouseover in Blaue Farbe wechseln.
Ich habe zwar ahnung von HTML, aber weniger von CSS und Java Script. Soweit ich bis jetzt gelesen habe gibt es mit beidem eine Moeglichkeit, aber ich verzweifle langsam, weil hier im Forum immer nur Bruchstuecke des Codes geschrieben werden, und ich nicht weis, was ich wo einfuegen muss.
Das ganze muss mit der area funktion sein, da ich die regionen als bereich definieren will der verlinkbar sein muss, also ich dieses "coords" benoetige.
Einige hatten etwas mit einem div bereich nach dem folgenden schema:
<body>
<div id="stadt_show" style="position:absolute; width:760px; height:717px; z-index:12; left: 0px; top: 0px">
<img src="stadtkarte.gif" width="760" height="717" usemap="#Map" border="0" ></div>
<div id="46005_show" style="position:absolute; width:760px; height:717px; z-index:12; left: 0px; top: 0px visibility:hidden">
<img src="46005.gif" width="760" height="717" usemap="#Map" border="0" ></div>
<map name="Map">
<area onmousedown="Hide('46005_show');" onmouseover="MM_swapImage;statusIn(' [ 1 ] ');Show('46005_show');return true" title="46005" onmouseout="MM_swapImgRestore();statusOut();Hide('46005_show');" shape=poly alt="Russafa" coords="216,300,268,390,292,341,293,300,300,257,216,300,226,317,216,301,218,298,217,299,216,302,216,300,217,300,217,300,217,300" href="#">
</map>
</body>
Aber bei mir klappt das nicht. Ich denke das da irgendwie vorher im Head ein Java Script eingebaut sein muss, oder funktioniert dieses MM_swapImage einfach so?
Kann mir bitte wer helfen?
Es ist ja eigentlich soo einfach, eine Hintergrundgrafik, auf der dann in verschiedenen Layern die anderen Bilder aufgelegt sind und erscheinen sollen wenn mit der maus ueber den Bereich geht.
Bitte postet einen GANZEN code, also was in den head und was in den Body muss!
Danke