Mouseover Bild 1 in Bild 2 ändern

Hallo zusammen,

ich bin neu hier, habe das Forum schon einige Zeit durchsucht, finde aber für mich keine passende Antwort.
Ich habe wenig Kenntnisse in der Computersprache bei php und css.
Mein Problem ist:
Ich habe 2 identische Bilder (selbst erstellte Button als jpg.)
Eins ist grau und eins blau. Nun versuche ich schon ewig, dass sich der graue Butten beim Drauflegen des Mauszeigers in den blauen Button ändert.
Gibt es da einen Textcode, den ich im Textblock eingeben kann?
Ich habe das probiert, aber funktioniert nicht. Mouseover und Mouseout werden jedesmal rausgelöscht oder es zeigt nur den Text an.

<a href="ZuverlinkendeAdresse"><img src="Bild1.jpg" onmouseover="this.src='Bild2.jpg'"onmouseout="this.src ='Bild1.jpg'"

Ich hatte vorher mit Joomla zu tun, da war sowas integriert. Aber nun muss ich mit Wordpress arbeiten und da weiß ich nicht weiter.Vielleicht könnt ihr einem "Anfänger" erklären wie ich mein Problem lösen kann.

Ich bedanke mich schon mal im Voraus für die Bemühungen

LG
Eisenbahner

Ich möchte mich bei Euch für die Antworten und Vorschläge bedanken. Wahrscheinlich hat es keinen Sinn, dass ich mich da weiter reinsteigere, da ich, wie schon gesagt, von CSS ganz wenig Ahnung habe. Für Euch ist das simpel, für mich spanische Dörfer. Ich kann die HP in ihren Grundelementen bedienen und dachte, das mit dem Bildwechsel wäre keine große Sache. Irrtum. Ich habe keine Ahnung welchen Code ich wie und wo reinschreiben soll. Und ob das für mich überhaupt möglich ist, da das eine Sport-HP mit mehreren Abteilungen ist und ich den Rang als Redakteur habe, weiß ich auch nicht. Ich kann wenigstens sagen, dass ich ein ganzes Wochenende darüber nachgelesen und rumprobiert habe. Also danke nochmal.

Eisenbahn