Se connecter / S'enregistrer
Votre question

[JAVA] Deplacer une image avec la sourie

Tags :
  • Java
  • Programmation
Dernière réponse : dans Programmation
14 Novembre 2007 14:12:04

Bonjour, je voudrais faire une petite carte sur mon site qui est placée dans un div d'environ 1/10 de l'image. Et donc je voudrais que l'utilisateur puisse faire bouger cette image a l'intérieur du div.
Donc voila j'ai cherché un peu partout mais je ne trouve pas de réponse, donc si quelqu'un avait une solution je lui serais reconnaissant :) 
Merci d'avance.

Autres pages sur : java deplacer image sourie

a c 232 L Programmation
15 Novembre 2007 10:37:53

Salut,

Citation :
dans un div d'environ 1/10 de l'image

Bah l'image pourra jamais bouger si elle fait 10 fois la taille de la div ;) 

Alors, tu peux télécharger le framework scriptaculous en javascript (je suppose que c'est du javascript et pas du java que tu veux).
Après, tu utilises Draggable (http://wiki.script.aculo.us/scriptaculous/show/Draggable)
a c 232 L Programmation
15 Novembre 2007 20:45:11

Clic droit, afficher la source, et tu récupères le fichier http://www.desordre.net/accessoires/scripts/drag.js

Tu ajoutes ceci dans ton <head> :
  1. <script type="text/javascript" language="JavaScript">
  2.  
  3. var cursorPositionX = -1;
  4. var cursorPositionY = -1;
  5.  
  6. function clicked(e) {
  7. cursorPositionX = e.screenX;
  8. cursorPositionY = e.screenY;
  9. }
  10.  
  11. function dragged(e) {
  12. var deltaX = cursorPositionX - e.screenX;
  13. var deltaY = cursorPositionY - e.screenY;
  14. cursorPositionX = e.screenX;
  15. cursorPositionY = e.screenY;
  16. window.scrollBy(deltaX, deltaY);
  17. }
  18.  
  19. </script>


Et ceci dans ton <body> :

  1. <div id="navigation" style="position:absolute; left:0px; top:0px; cursor:pointer;" onMouseDown="beginDrag(this, event)"/>
  2. <img title="Se servir de la main pour naviguer dans l'image, double-cliquer pour fermer la fenêtre" src="sarkozy002.jpg" onMouseDown="Javascript:clicked(event)" onDrag="Javascript:dragged(event)" onDblClick="self.close();" />
  3. </div>
Tom's guide dans le monde
  • Allemagne
  • Italie
  • Irlande
  • Royaume Uni
  • Etats Unis
Suivre Tom's Guide
Inscrivez-vous à la Newsletter
  • ajouter à twitter
  • ajouter à facebook
  • ajouter un flux RSS