Bonjour,
je souhaiterais faire une petite animation qui se répète toutes les minutes (dans mon code j'ai réduit à 5 secondes pour le test).
Une fonction est executée toutes les minutes, fonction qui execute elle même une boucle au cours de laquelle chacun des menus du haut de la page subit un fadeIn fadeOut à250 ms d'intervalle grâce au setTimeout.
Ca ne fonctionne que pour le premier menu...
Le javascript :
Le html : (il y en a 6)
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13 var FadeInOutMenu = function(i){ $(".menu_haut:eq("+i+")").find(".image_menu_on").fadeIn(500,function(){$(this).fadeOut();}); } var AnimationMenus = function(){ for(i=0;i<6;i++){ window.setTimeout(FadeInOutMenu(i),250); continue; } } $(document).ready(function() { setInterval("AnimationMenus()",5000); });
Voilà en fait le problème, c'est qu'un seul des menus en subit l'animation... J'aimerais que tous la subissent à 250 ms d'intervalle toutes les minutes
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2 <a href="./pagesite.php?nompage=intro_univers" class="menu_haut" id="univers"><img class="image_menu_on " src="css/images/barre_navigation/univers_on.png"/></a>
http://mereinetidor.free.fr/ : Pour visionner le problème : seul "site" subit l'animation toutes les 5 secondes.
Partager