Bonsoir à tous,
Sur ma page HTML, j'ai une div ayant l'option overflow : auto, et mon but serai de déplacer son contenu avec la souris, en cliquant dans la div et en déplaçant la souris.
Voici le code :
Donc, ma div principale contient une image, et 3 div placés à des endroits très précis de l'image.
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6 <div style="overflow:auto; position:relative; width:100px; height:100px;"> <img style="position:absolute; left:0px; top:0px;" src="photo.png" /> <div style="position:absolute; height:50px; width:50px; left:100px; top:100px;"></div> <div style="position:absolute; height:50px; width:50px; left:200px; top:200px;"></div> <div style="position:absolute; height:50px; width:50px; left:300px; top:300px;"></div> </div>
Donc, ma div étant plus petite que mon image, j'ai des barre de défilements verticales et horizontales. Donc pour le moment, il faut utiliser ces barres pour se déplacer dans l'image, et ainsi voir toutes les div. Et j'aimerai pouvoir utiliser la souris pour me déplacer.
Comment puis je faire ?
Merci d'avance pour votre réponse.
Partager