Discussion :

[a.collery]

Bonjour,

Je voudrais mettre des images sur mes repères(balise area) et que celle-ci se change lors d'un clic. Voici le résultat:

Voici mon code actuel:
http://jsfiddle.net/t24b28sm/
Merci pour votre futur aide.

[SpaceFrog]

Tout a été dit sur l'autre post ...

un exemple
http://jsfiddle.net/gabrieleromanato/GhVkx/

ou encore

http://www.jqueryscript.net/zoom/jQu...-imgNotes.html

[a.collery]

Ces exemples ne répondent pas vraiment à ce que je demande

[SpaceFrog]

Pas directement, mais les méthodes utilisées de création des objets placé en zindex si ...

[a.collery]

Je n'arrive pas à faire le rapport

[SpaceFrog]

reprenons la logique de base ...

les données de tes agences sont dans un json ... (y compris les coordonnées pour positionner le marqueur)

au chargement de la page un script va parcourir le json
pour chaque agence il va crée un div de taille préfixée ( celle de l'image marqueur)
mettre les top et left du div extraits du json pour l'agence pour positionner le div en zindex au dessus de la carte
attribuer un data-agence au div afin de pouvoir lier ton div à l'agence et récupérer les coordonnées
attribuer une class au div de façon a pouvoir lier à tous les marqueur les fonctionnalités au onclick
mettre l'image des marqueurs en background des div ne laissant apparaitree que l'image du marquer non sélectionné par défaut

au onclick sur la class des div marqueur :
on récupère les données du json au moyen du data agence du div cliqué pour afficher le tel fax etc dans d'autres div en dessous ...
on modifie la position du background image pour le div cliqué pour faire apparaitre l'image du marqueur sélectionné ( en ajoutant une class comme dans l'exemple on/off donné précédemment)
on réintialise la position du background image des autres marqueur ( en supprimant la class de selection)