[javascript]decaler image a droite lors de onclick

**ranell** · 19/05/2007, 18h01

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 :

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

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

**SpaceFrog** · 19/05/2007, 18h32

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

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

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
<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>

**ranell** · 19/05/2007, 18h45

euuh.. je comprend pas pourquoi ce truc ne fonctionne pas:

Code :

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

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.

**SpaceFrog** · 19/05/2007, 19h33

parceque left != offsetLeft

[javascript]decaler image a droite lors de onclick

JavaScript

Discussions similaires

Partager

Partager