Menu avec transition d'images?

Bonjour à tous.

Je suis en train de développer mon premier portfolio en ligne (je suis graphiste) et je souhaite créer un menu dynamique au survol de la souris, et avant de me lancer dans un truc impossible je préfère demander aux spécialistes du coin^^

Voilà le menu sans survol:


Et j'aimerai que chacun des mots du menu change au survol de la souris, dans ce genre là:


Est-ce possible? Surtout au niveau de l'imbrication de chaque image, ça ne risque pas de poser un soucis?

Merci de votre aide

Gnz

Bonjour. Si c'était moi je le ferais en fichier SVG avec un changement de couleurs seulement sur les path concernés organisés en goupe (un path par lettre groupé par une balise <a>) :

<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" class="svg-logo">
<a xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="http://" class="accueil">
<path></path>
<path></path>
<path></path>
<path></path>
<path></path>
</a>
<a xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="http://" class="contact">
<path></path>
<path></path>
<path></path>
<path></path>
</a>
<a xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="http://" class="portfolio">
<path></path>
<path></path>
<path></path>
<path></path>
</a>
</svg>

Avec le css :

.svg-logo {color: #000;} // pas nécessaire, mais pour initialiser...
.svg-logo a:hover path {color: #aaa}

Voici un exemple sur l'un de mes sites (la carte de France)
Modifié par Olivier C (23 Jan 2015 - 14:11)

Bonjour Olivier!

Merci beaucoup de ta réponse, je teste ça dans la semaine dès que je le peux!

En espérant y arriver^^

Merci encore, je reviens dès que j'ai tenté le coup