Getget: Aktiver Link = andere Grafik

Beitrag lesen

Hi,
Habe folgendes Problem.
Bei meinen Buttons, habe ich den onmouseover und -out benutzt.
Leider habe ich nirgendswo etwas vergleichbares für einen aktiven Link gefunden (Damit die Beuscher wissen, auf welcher Seite sie sich gerade befinden). Ich hoffe ihr könnt mir helfen. Der Code sieht momentan so aus:

<head>  
<style type="text/css">  
body { margin-top: 0px; margin-left: 0px; margin-right: 0px }  
</style>  
<script type="text/javascript">  
<!--  
function BilderVorladen()  
{  
    document.Vorladen = new Array();  
  
    if(document.images)  
    {  
        for(var i = 0; i < BilderVorladen.arguments.length; i++)  
        {  
            document.Vorladen[i] = new Image();  
            document.Vorladen[i].src = BilderVorladen.arguments[i];  
        }  
    }  
}  
//-->  
</script>  
<script type="text/javascript">  
<!-- Begin  
  
image1 = new Image;  
image1.src = "home1.gif";  
  
image2 = new Image;  
image2.src = "home.gif";  
image3 = new Image;  
image3.src = "band1.gif";  
  
image4 = new Image;  
image4.src = "band.gif";  
image5 = new Image;  
image5.src = "dates1.gif";  
  
image6 = new Image;  
image6.src = "dates.gif";  
image7 = new Image;  
image7.src = "songs1.gif";  
  
image8 = new Image;  
image8.src = "songs.gif";  
image9 = new Image;  
image9.src = "gallery1.gif";  
  
image10 = new Image;  
image10.src = "gallery.gif";  
image11 = new Image;  
image11.src = "contact1.gif";  
  
image12 = new Image;  
image12.src = "contact.gif";  
image13 = new Image;  
image13.src = "guestbook1.gif";  
  
image14 = new Image;  
image14.src = "guestbook.gif";  
image15 = new Image;  
image15.src = "impressum1.gif";  
  
image16 = new Image;  
image16.src = "impressum.gif";  
image17 = new Image;  
image17.src = "disclaimer1.gif";  
  
image18 = new Image;  
image18.src = "disclaimer.gif";  
  
// End -->  
</script>  
  
</head>  
<body bgcolor="#000000" onLoad="BilderVorladen('home1.jpg',  
'band1.gif','dates1.gif','songs1.gif','gallery1.gif','contact1.gif',  
'guestbook1.gif','impressum1.gif','disclaimer1.gif');">  
&nbsp <img alt="2008" src="2008_1.gif" align="middle">  
<br>  
&nbsp <a href="home.html" target="main"  
onMouseOver="button01.src=image1.src"  
onMouseOut="button01.src=image2.src">  
 <img alt="Home" src="home.gif" width="85%" align="middle" name="button01" border="0"></a>  
<br>  
&nbsp <a href="band.html" target="main"  
onMouseOver="button02.src=image3.src"  
onMouseOut="button02.src=image4.src">  
 <img alt="Band" src="band.gif" width="85%" align="middle" name="button02" border="0"></a>  
<br>  
&nbsp <a href="dates.html" target="main"  
onMouseOver="button03.src=image5.src"  
onMouseOut="button03.src=image6.src">  
 <img alt="Dates" src="dates.gif" width="85%" align="middle" name="button03" border="0"></a>  
<br>  
&nbsp <a href="songs.html" target="main"  
onMouseOver="button04.src=image7.src"  
onMouseOut="button04.src=image8.src">  
 <img alt="Songs" src="songs.gif" width="85%" align="middle" name="button04" border="0"></a>  
<br>  
&nbsp <a href="gallery.html" target="main"  
onMouseOver="button05.src=image9.src"  
onMouseOut="button05.src=image10.src">  
 <img alt="Gallery" src="gallery.gif" width="85%" align="middle" name="button05" border="0"></a>  
<br>  
&nbsp <a href="contact.html" target="main"  
onMouseOver="button06.src=image11.src"  
onMouseOut="button06.src=image12.src">  
 <img alt="Contact" src="contact.gif" width="85%" align="middle" name="button06" border="0"></a>  
<br>  
&nbsp <a href="guestbook.html" target="main"  
onMouseOver="button07.src=image13.src"  
onMouseOut="button07.src=image14.src">  
 <img alt="Guesbook" src="guestbook.gif" width="85%" align="middle" name="button07" border="0"></a>  
<br>  
&nbsp <a href="impressum.html" target="main"  
onMouseOver="button08.src=image15.src"  
onMouseOut="button08.src=image16.src">  
 <img alt="Impressum" src="impressum.gif" width="85%" align="middle" name="button08" border="0"></a>  
<br>  
&nbsp <a href="disclaimer.html" target="main"  
onMouseOver="button09.src=image17.src"  
onMouseOut="button09.src=image18.src">  
 <img alt="Impressum" src="disclaimer.gif" width="85%" align="middle" name="button09" border="0"></a>