Sprung zum Inhalt

Webdesign nach Maß von webdesign weisshart

Das Logo ist auch Link zur Startseite

(... außer auf der Startseite selbst.)
Es ist inzwischen allgemein bekannt, dass Nutzer den Link zur Startseite auf dem Firmenlogo erwarten. Für gewöhnlich also links oben auf der Seite.
Natürlich wäre es hübsch, wenn dies irgendwie signalisiert wird. Am besten nur, solange die Maus oder der Tastaturfokus auf dem Logo liegt.

Das folgende Filmchen zeigt, wie hier der Link kenntlich gemacht wird. Zuerst beim Überfahren des Logos mit der Maus, anschließend beim Durchtabben. Dabei geht es nicht um schönes Design, sondern um die Funktion.

Videobeschreibung: Der Buchstabe W im Logo von webdesign weisshart ändert sich in ein Haussymbol, wenn das Logo den Maus- oder Tastaturfokus erhält.

Der Code

Erzeugt wird dieser Effekt mittels Javascript. Erklärung Javascript Bildwechsel

<a href ="./" onmouseover="this.firstChild.src='images/wdw_189_50_home.gif';" onmouseout="this.firstChild.src='images/wdw_189_50.gif';" onfocus="onmouseover();" onblur="onmouseout();" > <img src="/images/wdw_189_50.gif" alt="zur Startseite von webdesign weisshaart" width="189" height="50" /> </a>

Die Technik funktioniert in allen aktuellen Browsern.

Anmerkung:
Schlechter Stil wäre es, den Nutzer auch auf der Startseite zurück zur Startseite zu schicken.

Anmerkung 2:
Der vorgestellte Effekt lässt sich nicht nur mit Javascript, sondern auch mit CSS realisieren. Vermutlich wäre CSS sogar die elegantere Variante.

Creative Commons Lizenzvertrag
Artikeltext (nicht Bilder!) Creative Commons CC BY-NC-SA 3.0 DE

2 Kommentare

  1. HaJo schrieb am Dienstag, 29.12.15 16:02 Uhr:

    Hi,

    könnte man das nicht mit einem Sprite-Bild lösen und mit PHP abfragen, ob man auf der index-Seite ist <?php if ($thisPage=="Home") ... und dann den Link nicht anzeigen...

  2. Fritz schrieb am Dienstag, 29.12.15 16:53 Uhr:

    @HaJo
    Klar kann man an Stelle von 2 Bildern auch ein Sprite und CSS :hover einsetzen.
    Und ja, ob man auf der index-Seite ist, kann man per PHP abfragen.

Ihr Kommentar zu diesem Artikel:

Über Ihren Kommentar zu diesem Artikel freue ich mich. Ich behalte mir jedoch vor, Spam kommentarlos zu entfernen.