Zones cliquable avec gallery

Bonjour,

Je voudrais faire une gallery faisant apparaitre des images qui contiennent des zone de surbrillance quand on passe dessus.

Voici un schéma de l'interface :




J'arrive à faire les zones de surbrillance grâce à

<img usemap="#mamap" src="image/image.jpg" alt="Image" name="mamap" />
            <map name="mamap">
                <area shape="rect" coords="122,150,358,194" title="xxx" href="xxx"onMouseOver= "mamap.src='ton image'" onMouseOut ="mamap.src='ton autre image'" >

Et j'arrive aussi à faire une gallery grâce au tuto suivant
http://www.alsacreations.com/tuto/lire/557-galerie-photo-javascript.html

Le problème c'est que je n'arrive pas à faire les 2 en même temps !
En effet, je ne vois pas trop ou mettre mes area shape avec mon code html qui permet de faire la gallery

<a href="image3/ScreenHunter_167.JPG" title="Titre de la photo 2"><img src="image3/ScreenHunter_167mini.JPG" alt="Le titre de la photo 2" /></a> 

Avez vous une idée de comment procéder ?

Merci
Modifié par syl09 (14 May 2013 - 15:04)