marouAl

Bonjour,

Voici ce que je cherche à faire :

J'ai trois petites images (15x15 px) placées en position absolute avec l'attribut style pour définir leurs coordonnées.

Ainsi :
L'une est à top:100px, left:100px
L'autre à top:150px, left:150px
La dernière à top:250px, left:160px

J'aimerais à l'aide de 4 boutons (haut, bas, gauche, droite), pouvoir faire bouger ces trois images en même temps. A chaque pression sur un bouton, toutes les images se décaleraient d'un pixel dans la direction souhaitée.

Pour illustrer ce que je souhaite, voici un exemple parfait :
http://www.editeurjavascript.com/cours/dhtml_01_ex.php

Cependant, cet exemple ne fonctionne que pour une unique image.
Je pense que c'est à cause du getElementById qui comme son nom l'indique ne fonctionne que pour un seul élément (en mettant plusieurs images avec la même id, le script ne marche que pour la dernière image avec cet id).

Comment faire pour que ce script fonctionne pour trois images placées au départ à différents endroits ?

Merci d'avance.

Emily

pourquoi ne pas les mettre en un seul id:

// la grande div
<div id="machin">
<div id="img1"><img src=""></div>
<div id="img2"><img src=""></div>
<div id="img3"><img src=""></div>
<div id="img4"><img src=""></div>
</div> // fermer la grande div

et comme ca tu auras un seul id unique

LupusMic

getElementsByClassName peut être ton ami. De plus, c'est sémentiquement pertinent puisque chaque image a un comportement identique, il appartiennent donc à une même classe.