Faire glisser une image trop grande avec la souris

**danyboy85** · 28/07/2006, 14h42

Envoyé par danyboy85

...
...
try {
document.getElementById("map").scrollLeft = document.getElementById("map").scrollLeft - 1;
setTimeout("decaler('" + cote + "')", 10);
//decaler(cote);
} catch (ex) {

}
...
...

C'est bien ce que j'ai fait ! Non ?

**avogadro** · 28/07/2006, 16h08

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
26
27
28
29
30
<html><head>
 
 
<link rel="stylesheet" type="text/css" href="./style.css" media="all" />
 
<script language="javascript"src="./bouge_map.js"></script>
 
 
 
</head>
 
<body onLoad=cacher();>
 
 
      <div align="center"><table>
             <tr>
                 <td colspan="2">
                     	<div id="map" style="width:800;height:800;border:1px solid #000000;overflow:hidden">
                             <table width="1000" border="1px">
                             blop ^^
							</table>
                		</div>
                 </td>
             </tr>
             <tr>
                 <td><div id="div_droit" onmouseover="active('G')" onmouseout="desactive()"</div></td>
                 <td align="right"><div id="div_gauche" onmouseover="active('D')" onmouseout="desactive()"></div></td>
             </tr>
      </table></div>
</body></html>

jai une image ds le div map, placé à l'aide du css, pk elle bouge pas avec?

Code :

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

1
2
3
4
5
6
div#map {
    background-image:  url(./image.jpg);
    background-repeat: no-repeat; 
    height: 731px;
    width: 1600px;   
}

**danyboy85** · 28/07/2006, 16h13

Parce que ce notre code permet de faire bouger c'est ce qu'il y a à l'INTERIEUR du div.
Si tu utilise le background du div pour afficher ton image, alors l'image appartient à l'objet div et non pas à ce qu'il y a l'intérieur.

Cela marcherait si tu faisais un <img src="tonImage"> à l'intérieur du div

Comprendo ?