[Debutant] Fade in / Fade out sur des images

Bonjour,
en cours de réalisations de mon site web, j'essaye d'appliquer un fadeIn et un fadeOut sur une série d'image.

J'ai donc trouver le script de Bovino (ici : http://www.developpez.net/forums/d82...-non-intrusif/) qui fonctionne,
mais seulement sur la première des mes images ! Chacune de mes images étant générées par une boucle elles ont la même ID.

N'y connaissant rien en javascript et malgré quelques recherches infructueuse, je viens poser ma question ici : D

Comment préciser lors de l'appel de la fonction, d'appliquer ceci à toutes mes images img_last_ref ?
Avec une boucle ? :

Code:

---

1 2 3 4 5

<script type="text/javascript"> window.onload = function(){ new Fading({elt: document.getElementById('img_last_ref'), min: 10, max: 100, speed: 10, step: 10}); } </script>

---

Merci.
S.

Citation:

---

à toutes mes images img_last_ref ?

---

c'est à dire ???
tu as plusieurs id ="img_last_ref" ?

Bonjour,

Oui.
Une boucle php m'affiche mes images.
J'obtiens donc pour chaque image la ligne suivante :

Code:

---

echo '<a href="' . $k['url'] . '" target="_blank"><img src="img/ref/thumb_' . $k['image'] . '" id="img_last_ref" title="' . $k['titre'] . '" alt="' . $k['titre'] . '"></img></a>';

---

($k contenant donc les informations ).


Edit : en fait, avant j'utilisais class="img_last_ref". Mais j'ai changé pour id a cause du DocumentGetById. Je ne sais pas si c'était utile par contre : D

un ID doit être unique sur la page !!!!


Dans ta boucle ajoute un incrément à l'id de façon a ne plsu avoir d'id identiques...
Puis regarde dans les contributions j'ai posté un script getElementsById premettant de filtrer sur par exemple les id commençant par ...

Merci.
J'ai pu faire ce que je voulais !

S.