Bewegte Navigationsgrafiken

[Auge]

Hallo

Doch nun möchte ich gerne, dass eine dritte, andere Grafik am selben Platz erscheint, wenn man diesen Link drückt. Das Ziel dieser Sache ist, dass man in dem Bereich, wo die Navigation ist, sieht, anhand des ersetzten (dritten) Bild, dass man in eben dieser aktivierten Rubrik ist.

Redest du vom Mausklick ansich oder davon, dass auf der neu geöffneten Seite eine andere Grafik eingefügt wird?

Im ersten Fall lohnt sich der Aufwand meiner Meinung nach nicht. Je nach Verbindung wird die neue Seite recht schnell geladen sein und der Besucher wird vom Bild höchstwahrscheinlich nichts mitkriegen.

Um die geladene Seite in der Navigation besonders hervorzuheben, kannst du den Menüpunkt mit einer ID versehen und dieser per CSS ein Hintergrundbild zuweisen.

HTML (Navigationsliste):

<ul id="navi">  
 <li><a href="#">Start</a></li>  
 <li id="hier">Bla</li><!-- aktuell geladene Seite -->  
 <li><a href="#">Blubb</a></li>  
 <li><a href="#">irgendwas</a></li>  
 <li><a href="#">Impressum</a></li>  
</ul>

CSS:

  
#hier {  
background-image:url(pfad/zum/extra.bild);  
/* weitere Angaben */  
}  

Tschö, Auge