Discussion :

[maryliseduteil]

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.

[NoSmoking]

Bonjour et bienvenue sur DVP.

Le zoom molette fonctionne bien mais je souhaiterai que cela se fasse en fonction de la position du curseur.

dans ta fonction il te suffit de récupérer la position de la souris, e.originalEvent.clientX et e.originalEvent.clientY, au moment de l'événement et de recadrer ton image en conséquence.

Je souhaiterai également mettre en place un véritable drag 'n drop,...

	Une discussion = une question Poser plusieurs questions dans un seul et même fil nuit grandement à la qualité du forum : notamment, lors d'une recherche, tout le contenu du fil n'est pas indiqué dans le titre, elle devient donc plus ardue.

[melka one]

jour

il faut penser en pourcentage

si la souris ce trouve a 30% de la taille de l'mage a une taille donné elle devra aussi ce trouvé a 30 pourcent pour une autre taille
exemple si une image fait 100px et se trouve a 20px de la souris quand elle fera 200px elle se trouvera a 40px de la souris

(20/100)*200

[maryliseduteil]

Bonsoir, et merci pour vos réponses.
J'essaye de voir ce que je peux faire avec tout ça et reviens vers vous.

Désolé pour la double question.

J'en ai une autre d'ailleurs...

[maryliseduteil]

Re bonjour,

Avec un ami bien plus calé que moi en javascript, nous avons (enfin, "il a" plutôt) réussi à faire le zoom molette centré sur le curseur. Il a regardé vos idées, mais je ne saurai dire s'il s'en est servi ou non (on dirait bien, mais vu que je n'y connais pas grand-chose, je n'en suis pas certaine).
J'en parle ici : http://www.developpez.net/forums/d16...s/#post8806779

A très bientôt.

[NoSmoking]

(...) nous avons (enfin, "il a" plutôt) réussi (...)

dans ce cas pense à passer cette discussion en résolue, merci.