Hover Effekt mit Bildern

[xKingderNachtx]

Moin Leute,

und zwar habe ich eine Frage, ich möchte folgenedes realisieren:

Wenn ich über Bild 1 hover, soll Bild 2 grau werden bzw anders angezeigt werden und anders herum natürlich auch.

Wie mach ich dies am besten ?

Danke für eure Hilfe

Viele Grüße

Chris

 

[Space Vampire]

Einfacher CSS-Bildaustausch mit background-image und der Psoidoklasse :hover
Beispiel als Link (funktioniert natürlich auch in div, p, etc.)
Ich gehe in dem Beispiel von der Bildgröße 100x20 Pixel aus.
HTML

<a class="beispiel" href="zieldatei.html">Hier kann Text stehen, muss aber nicht</a>

CSS

a.beispiel{
   height: 20px;
   width:100px;
   background-image:url("pfad/zu/bild1.jpg");
}

a.beispiel:hover{
   background-image:url("pfad/zu/bild2.jpg");
}