Mouseover Effekt zwischen Navigation und Block
Eingetragen von hotaru (2)am 20.10.2010 - 13:20 Uhr in
Hallo,
Ich habe folgendes Problem:
Für eine Website würde ich gerne ein Mouseover einrichten, aber nicht so wie die normalen Mouseover nur für die Navigationsleiste. Sondern... dass wenn man über die Navigationsliste(Primary Links) fährt (mouseover) ändert sich das Bild im Header (Hab für jede einzelne Seite ein Block mit einem Bild eingerichtet). So wie auf dieser Seite: http://www.generalutilities.co.uk/index.htm
Mittlerweile ist bin ich mir Bewusst, dass es mit dem CSS alleine nicht reicht. Und das ich JavaScript und/oder PHP-Code integrieren muss. Aber leider habe ich kaum Erfahrung mit den Beiden.
Kann mir da vielleicht jemand helfen? Vielleicht kennt jemand mein Problem? und hat den passenden Code? oder evtl. gibt es ein Modul dafür?
Ich danke schon ihm voraus. LG
- Anmelden oder Registrieren um Kommentare zu schreiben
jQuery
am 20.10.2010 - 15:18 Uhr
PHP brauchst du nicht. Du hast oben einfach einen Header mit einem Bild. Wenn jemand über einem Menüpunkt hovert, wird das Bild per jQuery ausgetauscht. Es reicht ein einzelner Block, in dem die Bilder übereinander liegen und ein- und ausgeschaltet werden - oder hübscher: ineinander faden.
Keine Ahnung, ob das jemand als Modul zusammengestrickt hat, aber es sind nur ein paar Zeilen jQuery (Google mal nach: image replace hover mouseover jquery...)