nicht angemeldet
usemap und JavaScript
Hallo zusammen,
Ich hab ne Deutschlandkate, auf der eine Imagemap liegt.
Beim Überfahren eines Bundeslandes soll auf das Bild eine ganz neue Imagemap gelegt werden, dass ich z.B. Augsburg, München und Nürnberg anzeigen lassen und die Bereiche vordefinieren kann, ohne auf ne ganz neue HTML Datei zu verlinken.
Hier mal mein Quelltext (aus Platzgründen nur Bayern):
<map name="Deutschlandkarte">
<area shape="poly" coords="118,328,121,317,115,297,132,297,157,271,177,284,184,290,187,280,202,283,207,274,215,281,225,276,235,284,243,301,253,307,248,320,264,341,272,344,306,371,306,388,291,401,268,415,275,429,279,453,272,455,268,443,243,444,220,449,207,459,169,453,165,468,135,448,159,442,158,414,154,398,167,391,166,382,174,382,171,364,160,353,159,333,145,320,127,317,131,324"
href="#" alt="Bayern" onMouseover="Bayern()" onMouseout="Normal()">
</map>
<map name="Bayern">
<area shape="poly" coords="200,400,250,400,250,430,200,430"
href="#" alt="Bayern" onMouseover="Munchen()" onMouseout="Normal()">
</map>
<img src="www.torrero.de/bilder/leer.gif" width="50" height="1"><img src="Karte.gif" alt="Deutschland" usemap="#Deutschlandkarte" width="350" height="473" border="0">
<script type="text/javascript">
function Bayern() {
document.images[1].src = "Karte_Bayern.gif";
document.images[1].usemap = "#Bayern";
}
function Normal() {
document.images[1].src = "Karte.gif";
document.images[1].usemap = "#Deutschlandkarte";
}
function Munchen() {
document.images[1].src = "Karte.gif";
}
</script>
Danke für die Hife
Philipp
-
...
mir ist eingefallen, dass ich ja die selbe Imagemap benutzen kann und nur die Städte bei mouseover sichtbar machen kann...
Danke trotzdem