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.
Artikeltexte und Code-Snippets: Creative Commons CC BY-SA 4.0
Medien (Bilder, Videos, Audios) sind evtl. urheberrechtlich geschützt.
2 Kommentare
Über Ihren Kommentar zu diesem Artikel freue ich mich.
Wenn Sie aber Fragen haben, und eine Antwort erwarten, nutzen Sie bitte das Supportforum! Die Nutzung des Forums ist auch ohne Registrierung möglich.
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...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.