Discussion :

[moumoune65]

Bonjour,
après de nombreuses recherches je me tourne vers vous pour trouver la solution.
Je souhaite faire un drag&drop d'image.
Pour cela, mon image est mise dans un div et je déplace le div.
J'ai créé une classe Drag pour réaliser le tout.
Mais sous FF, le drag sur l'image plante car il ne veut pas déplacer
l'image (le curseur prend la forme d'un rond barré).
Quelqu'un connait-il la solution?

Merci

[roro06]

Bonjour

Si tu ne mets pas un bout de code ou quelquechose pour aiguiller, peu de monde trouvera une solution ...

[joKED]

Effectivement, lors du drag, il te met un rond barré, et il y a une solution à ça que j'avais trouvé en farfouillant le net qui consistait à utiliser quelque chose du genre

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

event.preventDefault()

si ma mémoire est bonne. En espérant que ça puisse t'aiguiller...

[Auteur]

bonjour,

javatwister propose un script de drag&drop. A la place du texte, mets ton image.

Pour ce qui est des images, n'utilise pas la balise img. Place ton image en background de ton div Cela évitera le problème que tu décris plus haut.

Code css :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
 
.divImg{
 width: /*largeur de l'image en px*/
 height: /*largeur de l'image en px*/
 background-image: url("monImage.jpg");
 background-repeat: no-repeat;
}

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
 
<div class="divImg">&nbsp;</div>

[moumoune65]

Merci beaucoup!!
En fait, le drag ne fonctionnait pas sous FireFox mais sur IE
c'était ok.
J'ai rajouté le code avant de faire ma fonction de drag et tout est bon!!

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

event.preventDefault()

Merci encore.

PS our ce qui est de mettre un div avec un backgound-image j'avais pensé
à cette idée mais l'url de mon image étant composée de variables (l'image
était générée par une application sur le serveur et donc l'URL contenait
des variables), IE ne prenait pas en compte l'image.

[Invité]

Ta solution m'intéresserait. Pourrais-tu placer ton code ici s'il te plait ?