Tom's Guide > Forum > Programmation > [JAVA] Deplacer une image avec la sourie

[JAVA] Deplacer une image avec la sourie

Forum Programmation : [JAVA] Deplacer une image avec la sourie

TomsGuide.com : 800 000 inscrits répondent à toutes vos questions high-tech et informatique. Pour obtenir de l'aide, inscrivez-vous gratuitement !
Mot :    Pseudo :           
 

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.

------------------------------ Mon site (en construction)
http://steamgames.o-n.fr
Liens sponsorisés
Inscrivez-vous ou connectez-vous pour masquer ceci.

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/script [...] /Draggable)


Message édité par OmaR le 15-11-2007 à 10:38:35
------------------------------ Les dessins des seins ou les desseins des saints ?
Répondre à OmaR

Citation :

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

 

Voila +- le genre de choses que je voudrais faire a part qui l'image doit se trouver dans un div.
http://www.desordre.net/photograph [...] ozy002.htm
C'est la seule image que j'ai trouvé dsl :p


Message édité par fb417508 le 15-11-2007 à 17:55:49
------------------------------ Mon site (en construction)
http://steamgames.o-n.fr
Répondre à fb417508

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> :

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



Et ceci dans ton <body> :

Code :
  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>

------------------------------ Les dessins des seins ou les desseins des saints ?
Répondre à OmaR
Tom's Guide > Forum > Programmation > [JAVA] Deplacer une image avec la sourie
Aller à :

Il y a 409 utilisateurs connus et inconnus. Pour voir la liste des connectés connus, cliquez ici.

Attention

Vous allez répondre sur un sujet resté inactif pendant plus de 6 mois.
Assurez-vous d'apporter des éléments nouveaux à la discussion avant de poursuivre.

Répondre Annuler
Liens