Modifier dynamiquement les coordonnées MAP d'une image cliquable

Question

Bonsoir à tous,

J'ai une image cliquable accompagnée de zones AREA munies de coordonnées.
Cette image est placée dans une div.
Un code Javascript permet de déplacer l'image dans la div, et surtout d'effectuer des zooms sur cette image.

Le problème est que les zones cliquables ne se trouvent plus au bon endroit, ce qui est normal.

Question 1 : comment modifier dynamiquement les coordonnées des zones en cas de zoom ?
Question 2 : comment mettre mon code complet en pièce jointe ?

Info : pour déplacer l'image, clic gauche (drag & drop); pour zoomer, clic droit + move ou bien molette.

Un grand merci pour votre aide.

PetoleTeam · Answer

Bonjour,
1/ tu peux modifier les données d'une AREA au travers de ses propriétés coords et shape
2/ avec un fichier js externe, mais pas sur que cela soit la question !

;O)

eguignier · Answer

Bonsoir,

Merci beaucoup pour cette réponse.
Je savais lire l'attribut coords, mais j'ignorais que l'on pouvait y écrire !

Pour ce qui est de la question 2, je voulais savoir si ce forum permettait de joindre des pièces jointes dans lesquelles j'aurais pu mettre un exemple concret.

Encore Merci.

PetoleTeam · Answer

Bonjour,
concernant la réponse 2, le plus simple est de copier la source, enfin la partie intéressante allégée et de l'encadrer avec les balises code accessibles grâce aux icônes du bandeau de la zone de saisie.

;O)

Modifier dynamiquement les coordonnées MAP d'une image cliquable

3 réponses

Votre réponse