code2i: Landkarte als ImageMap, mit onMouseOver Bereiche hervorheben

Beitrag lesen

Hallo Karl Heinz .....

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.

Gar nicht so tragisch !

------------------------

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="">

Das hier geht noch ... !? schriebst du ! sieht auch so aus !

-------------------------

<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="">

Aber hier fängt schon das Problem an !

---------------------------

<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>

Und da tut es auch weh !!

Mit dem Aufruf der Funktion Bildwechsel(Bildnr,bla) bei onMouseover oder onMouseout, übergibst du mit der Variablen Bildnr die IMG Object Nummer, bei der die Grafik ausgetauscht werden soll.

Du hast 1 IMG Object in deinem HTML Dokument. ><img src="images/einzugth.gif" ..... !!!  Hmmmm Bildnr=0 ist auch richtig! Ist in diesem Fall das erste IMG Object.

In deinem zweiten und dritten area shape versuchst du aber ein zweites und drittes IMG Object anzusprechen. Also Bildnr=1 oder Bildnr=2 !!!

Die gibt es aber nicht !!!!! Es ist und bleibt das erste IMG Object im HTML Dokument. Also Bildnr=0 !!!

cu