Getget: Aktiver Link = andere Grafik

SELF-Forum

Aktiver Link = andere Grafik

Getget
– Informationen zu den Bewertungsregeln

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>
Beitrag melden
–
Informationen zu den Bewertungsregeln

  1. Aktiver Link = andere Grafik

    Elya Homepage des Autors
    – Informationen zu den Bewertungsregeln

    Hallo Getget,

    Bei meinen Buttons, habe ich den onmouseover und -out benutzt.

    warum tust Du Dir sowas heutzutage noch an, in Zeiten von CSS und so coolen Sachen wie diesen?

    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.

    Nimm auf der Seite, auf der Du Dich befindest, einfach den Link raus und setze das normale "hier-bin-ich-grade"-Bild ein. Auf dieser Seite sollte es aus Usability-Gründen sowieso nicht (auf sich selbst) verlinkt sein.

    Gruß aus Köln-Ehrenfeld,

    Elya

    --
    We are drowning in information but starved for knowledge. John Naisbitt
    Beitrag melden
    –
    Informationen zu den Bewertungsregeln