Discussion :

[Cromwell]

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 :

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

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.

[SpaceFrog]

à toutes mes images img_last_ref ?

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

[Cromwell]

Bonjour,

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

Code :

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

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

[SpaceFrog]

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

[Cromwell]

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

S.