Bonjour,
J'essaye de mettre au point une fonction zoom molette en javascript.
Voici ce que ça donne pour le moment : http://www.coupdpinceau.com/zoom/test.html
Le zoom molette fonctionne bien mais je souhaiterai que cela se fasse en fonction de la position du curseur.
Que si je met mon curseur sur l’œil du chat, ça zoom sur cet œil, et non au centre de la photo systématiquement.
Tous les fichiers du code source se trouvent dans cette archive (sinon vous pouvez faire click droit sur la page et "enregistrer sous") : http://www.coupdpinceau.com/zoom/zoom.zip
Il y a plusieurs fichiers javascript : certains pour jquery, un autre raphael.js (qui doit bien servir à quelque chose aussi), et les fonctions principales du zoom sont dans fonctions.js (et aussi un peu dans test.html)
Dans les fichiers jquery et raphael.js je ne saurai dire qui fait quoi.
Je souhaiterai également mettre en place un véritable drag 'n drop, qu'on puisse saisir l'image et la déplacer en maintenant le clic (le drag 'n drop de base en gros). Là pour le moment, le déplacement avec la souris n'est pas terrible. Lorsqu'on clique sur un point, ça met ce point au centre. Ce n'est pas très pratique à l'usage.
Pouvez-vous m'aider à améliorer l'une et/ou l'autre de ces fonctions s'il vous plaît ? Cela fait plusieurs jours que je sèche dessus, sans vraiment avancer, et j'aimerai vraiment en finir avec ce script
Merci d'avance pour votre aide.
J'essaye de mettre au point une fonction zoom molette en javascript.
Voici ce que ça donne pour le moment : http://www.coupdpinceau.com/zoom/test.html
Le zoom molette fonctionne bien mais je souhaiterai que cela se fasse en fonction de la position du curseur.
Que si je met mon curseur sur l’œil du chat, ça zoom sur cet œil, et non au centre de la photo systématiquement.
Tous les fichiers du code source se trouvent dans cette archive (sinon vous pouvez faire click droit sur la page et "enregistrer sous") : http://www.coupdpinceau.com/zoom/zoom.zip
Il y a plusieurs fichiers javascript : certains pour jquery, un autre raphael.js (qui doit bien servir à quelque chose aussi), et les fonctions principales du zoom sont dans fonctions.js (et aussi un peu dans test.html)
Dans les fichiers jquery et raphael.js je ne saurai dire qui fait quoi.
Je souhaiterai également mettre en place un véritable drag 'n drop, qu'on puisse saisir l'image et la déplacer en maintenant le clic (le drag 'n drop de base en gros). Là pour le moment, le déplacement avec la souris n'est pas terrible. Lorsqu'on clique sur un point, ça met ce point au centre. Ce n'est pas très pratique à l'usage.
Pouvez-vous m'aider à améliorer l'une et/ou l'autre de ces fonctions s'il vous plaît ? Cela fait plusieurs jours que je sèche dessus, sans vraiment avancer, et j'aimerai vraiment en finir avec ce script
Merci d'avance pour votre aide.