Lade deine beiden Bilder zunächst auf einer versteckten Unterseite, mit Hilfe des Datei-Download-Elements, hoch. Füge dann den HTML-Code auf einer Unterseite deiner Wahl ein. Kopiere dir erstmal die Adresse des Original-Bildes. Das geht im Ansichtsmodus deiner Seite, per Rechtsklick auf den Download-Button. Füge diese Bild-Url in den Code jeweils beim Abschnitt "Original-Bilddatei" ein. Kopiere dir dann per Rechtsklick das Bild, welches per Mouseover zu sehen sein soll, ebenfalls im Ansichtsmodus und füge diese Bild-Url in den Abschnitt "Mouseover-Bilddatei" ein. Wenn du alles genau so gemacht hast, dann solltest du jetzt ein Mouseover-Bild erstellt haben. Dieses kannst du nun auch noch verlinken ganz vorne im HTML-Code.

Download
Original.jpg
JPG Bild 41.5 KB
Download
SW.jpg
JPG Bild 41.0 KB

<a href="https://www.dein-Link.de"><img src="Original-Bilddatei" onmouseover="this.src='Mouseover-Bilddatei'"

onmouseout="this.src='Original-Bilddatei'" />