teilweise kolorierung bei mouseover

[klices]

Hallo

Erstmal zum groben Überblick:

Ich mag mir ne Homepage machen für meine Fotos, basierend auf Wordpress und zenphoto. Nun folgendes Problem:

Ich möchte bei wordpress die headergrafik und navileiste in einem machen (so zu sehen hier: http://www.picture-werkstatt.de/). Im Grunde genommen würde ich den gleichen Effekt haben wollen nur:

Die Headergrafik besteht aus einem einzigen Bild(ausschnitt). Wie auf der HP oben dann mit den Links drin, wenn man nun mit dem Mauszeiger über einen Link geht, soll ein gewisser Bereich (der ein paar Pixel neben dem Link und überhalb ist) farbig werden.

Hoff ihr wisst was ich meine, ansonsten einfach fragen

Nun meine Frage(n):

-Ist das überhaupt möglich?
-wie lässt sich das am besten/einfachsten realisieren
-ist das ganze auch vice versa möglich (bild farbig, mouseover s/w)


Bei der Boardsuche hab ich nix gefunden (ausser halt dem Tut für teilweise kolorierung), bin mir auch nicht ganz sicher, ob's im richtigen Unterforum ist, falls nicht, sorry war keine absicht



Grüessli


klices

[threadi]

Wenn ich es recht verstehe müsstest du kein JavaScript-Mouseover verwenden sondern könntest mit der CSS-Pseudoklasse hover arbeiten. Beispiel:

HTML

<a href="#">Link</a>

CSS

a {
 display: block;
 padding: 2px;
 background-color: red;
}
a:hover { background-color: yellow; }

Wenn du darüber eine Grafik anpassen willst müsstest du ggfs. nur die Grafik als Hintergrundbild einbinden.