nicht angemeldet
Hallo Leute,
ich sitze fest. Trotz allen Kundigmachens in zahlreichen deutschsprachigen Quellen ist es mir nicht gelungen für eine neue Homepage 8 Bereiche (Flußeinzugsgebiete) einer Landkarte, die ich als ImageMap verweis-sensitiv gemacht habe, mit „onMouseOver“ und „onMouseOut“ hervorzuheben und die jeweiligen Bereiche gleichzeitig als Link zu nachfolgenden Seiten zu nutzen.
Ich wollte das Beispiel in SELFHTML, Dynamische Buttons, auf eine ImageMap übertragen und es klappt nur der „Bildwechsel1“ . Die anderen 7 Flächen sind zwar verweis-sensitiv aber ohne Bildwechsel. Die Ausgangsgrafik ist „einzugth.gif“ und die nachfolgenden Grafiken (leine.gif, werra.gif, unstrut.gif ...) sind (fast) identisch (bis auf die etwas helleren Einzugsgebiete) und liegen auf gleicher Position, d.h. je ein Gebiet pro Grafik = 1 Ausgangsgrafik und 8 Folgegrafiken für 8 Einzugsgebiete.
Ich glaube, ich habe nicht Tipfehler gemacht sondern einen Denkfehler. Kann mir jemand helfen und in den Quellcode schauen, vielleicht ist der Fehler gleich offensichtlich.
Mit freundlichem Gruß
Karl-Heinz
Nachfolgend ein Auszug aus dem betreffenden Quellcode:
<script type="text/javascript">
<!--
Normal1 = new Image();
Normal1.src = "images/einzugth.gif";
Highlight1 = new Image();
Highlight1.src = "images/leine.gif";
Normal2 = new Image();
Normal2.src = "images/einzugth.gif";
Highlight2 = new Image();
Highlight2.src = "images/unstrut.gif";
Normal3 = new Image();
Normal3.src = "images/einzugth.gif";
Highlight3 = new Image();
Highlight3.src = "images/werra.gif";
.
.
.
function Bildwechsel(Bildnr,Bildobjekt)
{ window.document.images[Bildnr].src = Bildobjekt.src; }
//-->
</script>
<link rel="stylesheet" type="text/css" href="css/formate.css"><base target="rechts">
</head>
<body >
<map name="thkart">
<area shape="POLYGON" coords="5,94,67,106,95,78,122,25,101,12,5,94" href="leine.htm"
onMouseOver="Bildwechsel(0,Highlight1)"
onMouseOut="Bildwechsel(0,Normal1)"<img src="images/einzugth.gif" width="570" height="472" border="0" alt="">
<area shape="POLYGON" coords="122,16,67,108,116,193,204,215,130,276,181,323,257,256,331,160,329,110,122,16" href="unstrut.htm"
onMouseOver="Bildwechsel(1,Highlight2)"
onMouseOut="Bildwechsel(1,Normal2)"<img src="images/einzugth.gif" width="570" height="472" border="0" alt="">
<area shape="POLYGON" coords="7,101,65,108,107,186,217,216,132,280,235,383,189,409,91,373,34,344,49,163,7,101" href="werra.htm"
onMouseOver="Bildwechsel(2,Highlight3)"
onMouseOut="Bildwechsel(2,Normal3)"<img src="images/einzugth.gif" width="570" height="472" border="0" alt="">
.
.
.
</map>
<p><img src="images/einzugth.gif" width="570" height="472" border="0" alt="" usemap="#thkart"></p>
</body>