Image réactive menu chargement rapide

Salut à tous !
Pour un site, je fais un menu graphique réactif (image change quand je passe dessus) : http://mysteriousfeanor.free.fr/enscene/spectacle_musical.html
Mais, voilà, le temps de chargement est très long, et j'aimerais savoir s'il est possible d'appliquer la technique d'Alsacréation (https://www.alsacreations.com/apprendre/ )
en n'utilisant qu'une seule image contenant les deux états (link et hover). Est-ce possible de l'appliquer à quelque chose du type :

<a href="accueil.php" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Bouton_accueil','','images/bouton_accueil2.png',1)"><img src="images/bouton_accueil.png" alt="Accueil" name="Bouton_accueil" width="200" height="50" border="0" id="Bouton_accueil" /></a><a onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Trait1','','images/trait2.png',1)">

et éviter de passer par un menu "ul" ?
Merci