Puoi creare un'unica immagine costituita dall'unione, una dopo l'altra, delle due immagini che vuoi utilizzare (che chiamiamo img1 e img2).
La inserisci in un link che ha dimensioni fisse pari all'immagine che mostri di default (img1) e la posizioni in maniera tale che si veda solo questa immagine.
Al passaggio del mouse (effetto hover nel CSS) cambi la posizione dell'immagine in modo che mostri img2.