[javascript]decaler image a droite lors de onclick

Version imprimable

salut à tous,
je desire creer une fonction qui, lors du click sur le bouon bouger , fait decaler l'image a droit de 10 px.
j'ai fait le code suivant mis ca fonctionne pas:
Code:

1 2 3 4 5 6 7 8 9 10 11 <script language="JavaScript"> function bouger() {a=document.images[0].left; a+=10px; document.images[0].left=a} </script> <body> <input type="button" value="bougez!!" name="bouger" onclick="bouger();"> <img src="img.jpg" > </body>
faut-il obligatoirement creer une zone div pour mettre l'image??
car je veux travailler juste avec l'image et pas de div? est-ce possible?
merci de m'aider :)

offsetLeft ...
ton image est en en position absolute ?

et on ne peux pas ajouter 10px, on ajoute 10 ...

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
<html>
<head>
<script type="text/javascript">
function bouger(){
var a=document.images[0].offsetLeft
alert(a)
a+=10;
document.images[0].style.left=a+"px";
}
</script>
</head>
<body>
<input type="button" value="bougez!!" name="bouger" onclick="bouger();">
<img src="img.jpg" style="position:relative" >
</body>

19/05/2007, 18h45
ranell
euuh.. je comprend pas pourquoi ce truc ne fonctionne pas:
Code:

1 2 3 4 5 6 7 function bouger() { var a=document.images[0].style.left; a+=10; document.images[0].style.left=a+"px"; }
ca marche dés le premier click c tout...
a part ca le code que tu a posté marche parfaitement.
19/05/2007, 19h33
SpaceFrog

parceque left != offsetLeft