Stefan Muenz: suche zuverlässigen Rollover mit JavaScript

Beitrag lesen

Hallo Peter

<html>
<head>
<title>Seitentitel</title>
<script language="JavaScript">
  <!--
if(document.images)
{
  Normal1 = new Image();
  Normal1.src = "button1a.gif"; /* Hier erste Standard-Grafik angeben */
  Highlight1 = new Image();
  Highlight1.src = "button1b.gif"; /* Hier erste Highlight-Grafik angeben */

Normal2 = new Image();
  Normal2.src = "button2a.gif"; /* Hier zweite Standard-Grafik angeben */
  Highlight2 = new Image();
  Highlight2.src = "button2b.gif"; /* Hier zweite Highlight-Grafik angeben */

/* usw. fuer alle weiteren zu benutzenden Grafiken */
}

2* function Bildwechsel(Bildnr,Bildobjekt)
  {
   if(document.images)
   {
    window.document.images[Bildnr].src = Bildobjekt.src;
   }
  }
//-->
  //-->
</script>
</head>
<body>

3* <table><tr><td>
<a href="index.htm" onMouseOver="Bildwechsel(0,Highlight1)"
onMouseOut="Bildwechsel(0,Normal1)">
<img src="button1a.gif"></a>
</td><td>
<a href="verweise.htm" onMouseOver="Bildwechsel(1,Highlight2)"
onMouseOut="Bildwechsel(1,Normal2)">
<img src="button2a.gif"></a>
</td></tr></table>

</body>
</html>

Vielleicht kommst Du ja klar damit.

viele Gruesse
  Stefan Muenz
(ich habe das Beispiel kopiert und nicht zu SELFHTML gelinkt, weil ich es hier noch um die Anforderung "alte Browser abfangen" erweitert habe).