Faire glisser une image trop grande avec la souris

**avogadro** · 27/07/2006, 15h00

Bonjour,

tout dabord un petit schéma...

Alors, en bleu foncé cest l'image, la partie achurée est donc le bout de l'image que je ne vois pas.

Sur les fleches rouges il faudrait mettre une action sur leur propriété onMouseOver afin que l'image glisse toute seul pour pouvoir voir ce qui été caché...

Je pense qu'en gros j'ai été assez claire. Alors voila est ce que quelqu'un a un début de script que je pourais un peu modifié (je m'y connais pas encore trop donc ... un peu d'indulgence lol)

Merci encore

cordialement,

**danyboy85** · 27/07/2006, 15h14

Un truc comme ca par exemple ?

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
 
<HTML>
<HEAD>
<TITLE>The onmove event</TITLE>
<SCRIPT>
// Turn on 2-D positioning
document.execCommand("2D-position",false,true);
 
function fnHandleMove() {
  oXDelta.innerText = event.srcElement.offsetLeft;
  oYDelta.innerText = event.srcElement.offsetTop; 
}
</SCRIPT>
</HEAD>
<BODY onmove="fnHandleMove();">
<B>Current Object:</B><BR>
X delta: <SPAN id=oXDelta>n/a</SPAN><BR>
Y delta: <SPAN id=oYDelta>n/a</SPAN><BR>
 
<DIV CONTENTEDITABLE="true">
<DIV style="width:300px;height:100px; background-color:red; position:absolute;">
Movable DIV</DIV>
</DIV>
</BODY>
</HTML>

Au fait, ton cadre noir il correspond a quoi ?

**avogadro** · 27/07/2006, 15h19

Envoyé par danyboy85

Au fait, ton cadre noir il correspond a quoi ?

oops dsl, le cadre noir, cest l'écran ! l'image sort de l'écran.

Ton script n'est pas éxactement ce que je cherchais :/

**danyboy85** · 27/07/2006, 15h21

Eh bien tu dois avoir la scrollbar horizontale du navigateur non ?

**avogadro** · 27/07/2006, 15h26

Envoyé par danyboy85

Eh bien tu dois avoir la scrollbar horizontale du navigateur non ?

je ne la veux pas :] c'est pas beau, surtout quand tu utilises des includes ou des frames, cest moche...

**danyboy85** · 27/07/2006, 15h32

Et ca ?

Code :

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

1
2
3
4
5
6
7
8
9
10
11
 
<html>
	<div style="width:100;height:100;overflow:auto;border:1px solid #000000">
                 // a la place du tableau tu mets ton image
	     <table width="300" border=1>
	            <tr>
	                <td>aaa</td>
	            </tr>
	     </table>
	</div>
</html>

Faire glisser une image trop grande avec la souris

JavaScript

Vue hybride

Discussions similaires

Partager

Partager