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

eguignier Messages postés 8 Date d'inscription lundi 6 novembre 2000 Statut Membre Dernière intervention 11 juin 2020 - 19 mars 2010 à 19:58
PetoleTeam Messages postés 3426 Date d'inscription lundi 26 décembre 2005 Statut Membre Dernière intervention 14 janvier 2011 - 25 mars 2010 à 21:55
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.

3 réponses

PetoleTeam Messages postés 3426 Date d'inscription lundi 26 décembre 2005 Statut Membre Dernière intervention 14 janvier 2011 17
20 mars 2010 à 06:41
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)
0
eguignier Messages postés 8 Date d'inscription lundi 6 novembre 2000 Statut Membre Dernière intervention 11 juin 2020
25 mars 2010 à 20:32
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.
0
PetoleTeam Messages postés 3426 Date d'inscription lundi 26 décembre 2005 Statut Membre Dernière intervention 14 janvier 2011 17
25 mars 2010 à 21:55
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)
0
Rejoignez-nous