Rollover Image Replace

Hallo
Ich möchte für gewisse Bilder ein Rollover einfügen, so dass bei einem MouseOver ein alternatives Bild angezeigt wird.
Meine Nachforschungen haben ergeben, dass es dazu Lösungen mit JavaScript und Lösungen nur über CSS gibt. Beide Lösungen scheinen mir aber in WP nicht unproblematisch.
Gibt es nicht ein Widget für dieses Problem? Oder hat sonst jemand eine gute Idee?

Danke für Eure Hilfe!

nicht unproblematisch=problematisch
Die Lösungen sind (für mich) problematisch, da ich eine generische Möglichkeit für einen RollOver möchte und nicht die einzelnen Post in der DB anpassen.
Die Lösung rein über CSS würde so aussehen:

Zitat

a[COLOR=#6666FF].rollover[/COLOR] [COLOR=#00AA00]{[/COLOR]
[COLOR=#000000]display[/COLOR][COLOR=#00AA00]:[/COLOR][COLOR=#993333]block[/COLOR][COLOR=#00AA00];[/COLOR]
[COLOR=#000000]width[/COLOR][COLOR=#00AA00]:[/COLOR][COLOR=#993333]40px[/COLOR][COLOR=#00AA00];[/COLOR]
[COLOR=#000000]height[/COLOR][COLOR=#00AA00]:[/COLOR][COLOR=#993333]40px[/COLOR][COLOR=#00AA00];[/COLOR]
[COLOR=#000000]background[/COLOR][COLOR=#00AA00]:[/COLOR][COLOR=#993333]url[/COLOR][COLOR=#00AA00]([/COLOR][COLOR=#FF0000]images/comment.jpg[/COLOR][COLOR=#00AA00])[/COLOR] [COLOR=#993333]no-repeat[/COLOR] [COLOR=#000000]top[/COLOR] [COLOR=#993333]center[/COLOR][COLOR=#00AA00];[/COLOR]
[COLOR=#00AA00]}[/COLOR]
a[COLOR=#6666FF].rollover[/COLOR][COLOR=#3333FF]:hover[/COLOR][COLOR=#00AA00]{[/COLOR]
[COLOR=#000000]background-position[/COLOR][COLOR=#00AA00]:[/COLOR][COLOR=#CC66CC]0[/COLOR] [COLOR=#993333]-40px[/COLOR][COLOR=#00AA00];[/COLOR][COLOR=#00AA00]}[/COLOR]

Alles anzeigen

Hat das jemand in WP schon einmal integriert?