Discussion :

[PrinceMaster77]

J'ai numériser toutes les pages d'un document en images (jpg) et je voudrais dans un tableau les afficher jusqu'a la pas de soucis mais mon soucis est que je voudrais effectuer un glisser/déplacer de ma permière image pour la passer en deuxième page.

Mon soucis est que je ne trouve pas grand chose sur le net me permettant de faire cette manipulation.

Merci d'avance de votre aide

[balu]

Bonjour PrinceMaster77,

J'ai trouvé une librairie JavaScript plutôt intéressante concernant le Drag & Drop.

JavaScript : DHTML API, Drag & Drop for Images and Layers

Cross-Browser Functionality
Allmost all browsers (see the following list), except of a few rarely used ones, should be able to interpret this DHTML Drag 'n Drop JavaScript.

Linux:
Browsers based on the Gecko-engine (Mozilla, Netscape 6+, Galeon...), Konqueror 3.2+, Netscape 4, Opera 5+.

Windows:
Gecko browsers (Mozilla, Netscape 6+, Phoenix...), Netscape 4, Opera 5, 6 and 7, Internet Explorer 4+.

Other Systems:
Mac Safari works fine. Assuming that their behavior is essentially the same as with their Linux and Windows counterparts, I've given Gecko browsers, Netscape 4 and Opera 5+ unlimited access to execute the Drag and Drop JavaScript.

Peut-être que ça pourra d'aider comme base?

[MxPx_23]

Ou sinon, tu peux simplement afficher tes images dans un div et lorsque l'usagé click sur la photo et glisse la souris, tu déplaces le div en même temps que la souris.

Ça te prendrais une function qui ressemble à ça finalement

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
function dragMouseMove(){
 
    if (_moveElement.originalX + event.clientX - _moveElement.dragX > 0)
      _moveElement.style.pixelLeft = _moveElement.originalX + event.clientX - _moveElement.dragX;
    else 
      _moveElement.style.pixelLeft = 0;
 
    if (_moveElement.originalY + event.clientY - _moveElement.dragY > 0)
      _moveElement.style.pixelTop  = _moveElement.originalY + event.clientY - _moveElement.dragY;
    else
      _moveElement.style.pixelTop = 0;
}