Hilfloslos: Rollover funktioniert nicht, wo ist der Fehler

Beitrag lesen

SELF-Forum

Rollover funktioniert nicht, wo ist der Fehler

Hilfloslos
– Informationen zu den Bewertungsregeln

Hallo zusammen

Ich habe in der Mitte meiner Seite eine Grafik mitsamt image-map. Zu jedem der Bereiche wollte ich einen Rollovereffekt hinzufuegen, so dass sich je ein anderes Bild unter der Grafik zeigt. Allerdings funktioniert der Code leider nicht und ich weis nicht warum. Namen und Verzeichnisse stimmen, das habe ich schon ueberprueft.

Danke fuer eure Hilfe.

Hier der Code:

<html>
<head>
  <title>Science-Club Praesentation</title>
  <style type="text/css">
  <!--
  html
  {
    height: 100%;
    width: 100%;
  }
  body
  {
    height: 100%;
    width: 100%;
    margin: 0px;
  }

a:link {color:#000099; text-decoration:none}
  a:visited {color:#000099; text-decoration:none}

//-->
  </style>

</head>
<body>
<table width="100%" height="100%" border="0">
<tr>
<td valign="top" align="center">
<div align="center">
<img border="0" src="Picture/Praesentation0.jpg" usemap="#PreviewImageMap" style="margin-top:10px;"/>

<map name="PreviewImageMap">
<area SHAPE=RECT HREF="Sternwarte.html" ALT="" COORDS="669,150,739,497" onMouseOver="Hilfe.src = Sternwarte.src" onMouseOut="Hilfe.src = RHilfe.src" />
<area SHAPE=RECT HREF="ComputerAG.html" ALT="" COORDS="590,151,662,496" onMouseOver="Hilfe.src = Computer.src" onMouseOut="Hilfe.src = RHilfe.src" />
<area SHAPE=RECT HREF="Ausstellung.html" ALT="" COORDS="513,152,584,495" onMouseOver="Hilfe.src = Ausstellung.src" onMouseOut="Hilfe.src = RHilfe.src" />
<area SHAPE=RECT HREF="Ideen.html" ALT="" COORDS="429,152,506,495" onMouseOver="Hilfe.src = Ideen.src" onMouseOut="Hilfe.src = RHilfe.src" />
<area SHAPE=RECT HREF="Hb-Team.html" ALT="" COORDS="346,253,421,497" onMouseOver="Hilfe.src = Hb-Team.src" onMouseOut="Hilfe.src = RHilfe.src" />
<area SHAPE=RECT HREF="Kinder.html" ALT="" COORDS="269,253,341,499" onMouseOver="Hilfe.src = Kinder.src" onMouseOut="Hilfe.src = RHilfe.src" />
<area SHAPE=RECT HREF="Wettbewerbe.html" ALT="" COORDS="179,253,264,497" onMouseOver="Hilfe.src = Wettbewerbe.src" onMouseOut="Hilfe.src = RHilfe.src" />
<area SHAPE=RECT HREF="Science-Show.html" ALT="" COORDS="84,252,170,495" onMouseOver="Hilfe.src = ScienceShow.src" onMouseOut="Hilfe.src = RHilfe.src" />
<area SHAPE=RECT HREF="Vortraege.html" ALT="" COORDS="83,151,419,249" onMouseOver="Hilfe.src = Vortraege.src" onMouseOut="Hilfe.src = RHilfe.src" />
<area SHAPE=RECT HREF="Expirimentier.html" ALT="" COORDS="4,151,76,498" onMouseOver="Hilfe.src = Expirimentier.src" onMouseOut="Hilfe.src = RHilfe.src" />
</map>
<br />
<br />
<img src="Rollover/leer.jpg" name="Hilfe" border="0"/>
</div>
</td>
</tr>
</table>
<script type="text/javascript">
  <!--
    RHilfe = new Image();
    RHilfe.src = "Rollover/leer.jpg";

Sternwarte = new Image();
    Sternwarte.src = "Rollover/Sternwarte.jpg";

Computer = new Image();
    Computer.src = "Rollover/Computer.jpg";

Ausstellung = new Image();
    Ausstellung.src = "Rollover/Ausstellung.jpg";

Ideen = new Image();
    Ideen.src = "Rollover/Ideen.jpg";

Hb-Team = new Image();
    Hb-Team.src = "Rollover/Hb-Team.jpg";

Kinder = new Image();
    Kinder.src = "Rollover/Kinder.jpg";

Wettbewerbe = new Image();
    Wettbewerbe.src = "Rollover/Wettbewerbe.jpg";

ScienceShow = new Image();
    ScienceShow.src = "Rollover/ScienceShow.jpg";

Vortraege = new Image();
    Vortraege.src = "Rollover/Vortraege.jpg";

Expirimentier = new Image();
    Expirimentier = "Rollover/Expirimentier.jpg";
  //-->
</script>
</body>
</html>

Beitrag melden
–
Informationen zu den Bewertungsregeln