Scrollbar et déplacement d'une image avec la souris

Question

Bonjour,

Contexte : appli web J2EE (JSP/JVScript/java) .
J'ai réaliser une sorte de visionneuse de document(au format jpg) et je viens d'implémenter une fonction de zoom sur ces images. Lorsque je zoom sur l'image, qui est contenue dans un div avec une hauteur et une largeur précise, des scrollbar apparaissent et je peux ainsi voir l'ensemble de mon image grâce a elle. Le tout fonctionnant très bien.

Maintenant je voudrais savoir si il est possible de de bouger mon image avec la souris, en quelques sorte pouvoir "piloter" les scrollbar en maintenant le bouton gauche de la souris enfoncé sur l'image afin de ne pas devoir touché au scrollbar si on le désire. J'espère avoir été clair, sinon n'hésiter pas a me poser des questions.

Merci beaucoup d'avance

PetoleTeam · Answer

Bonjour, ----, Maintenant je voudrais savoir si il est possible de de bouger mon image avec la souris,

Oui tout à fait... Inspires toi des techniques de Drag&Drop en ce qui concerne la gestion des événement mouse... Surveillance de l'action sur le bouton de la mouse et tant qu'il est enfoncé tu modifies la position des Offsets ce qui agira sur les scrollBars, en tenant compte de la position de la mouse à l'enfoncement du bouton et la position actuelle. Voila en gros ;O)

cepekinio · Answer

Oui j'imaginais bien que c'était possible ;o) !
Aurais tu ou quelqu'un un exemple de code js avec ce genre de fonctionnalité.
Je ne suis pas du genre a prendre des trucs tout fait et ne pas trop me poser de question mais la j'avoue que je manque furieusement de temps pour me pencher sur cela

Merci d'avance

PetoleTeam · Answer

J'ai déjà vu un effet de loupe sur ce site, mémoire 
malheureusement restée à 256Ko, mais une petite recherche avec effet loupe drag 
drop, à mon avis cela sera BINGO... 
;O)

Scrollbar et déplacement d'une image avec la souris

3 réponses

Votre réponse

Discussions similaires