Javascript effets SCRIPTACULOUS en boucle
amaru1987
-
avion-f16 Messages postés 19252 Date d'inscription Statut Contributeur Dernière intervention -
avion-f16 Messages postés 19252 Date d'inscription Statut Contributeur Dernière intervention -
Bonjour,
J'utilise la librairie scriptaculous pour faire des effets d'affichage sur ma page web. J'ai testé les effets un a un et ils fonctionnent tous (apparition / disparition en fondu).
Ce que je voudrais c'est qu'ils se déclenchent au chargement de la page (onload) et se reproduisent sans arrêt un peu comme une animation infinie.
J'ai pensé à la fonction setTimeOut comme ceci :
Malheureusement ca me génère une boucle infinie qui empêche l'affichage même de ma page et le blocage de mon navigateur.
J'ai testé aussi en précisant le déclenchement de la fonction en au chargement de la page
L'erreur est bien compréhensible mais justement est-ce que quelqu'un aurait une solution pour ce que je souhaite faire ?
Merci bien,
J'utilise la librairie scriptaculous pour faire des effets d'affichage sur ma page web. J'ai testé les effets un a un et ils fonctionnent tous (apparition / disparition en fondu).
Ce que je voudrais c'est qu'ils se déclenchent au chargement de la page (onload) et se reproduisent sans arrêt un peu comme une animation infinie.
J'ai pensé à la fonction setTimeOut comme ceci :
<script type="text/javascript">
function appear()
{
new Effect.Appear('div1', {duration:3, fps:25, from:0.0, to:1.0, delay:1});
new Effect.Appear('div2', {duration:3, fps:25, from:0.0, to:1.0, delay:2});
new Effect.Appear('div3', {duration:3, fps:25, from:0.0, to:1.0, delay:3});
new Effect.Fade('div1', {duration:3, fps:25, from:1.0, to:0.0, delay:4});
new Effect.Fade('div2', {duration:3, fps:25, from:1.0, to:0.0, delay:5});
new Effect.Fade('div3', {duration:3, fps:25, from:1.0, to:0.0, delay:6});
setTimeout(appear(),7000);
}
appear();
</script>
Malheureusement ca me génère une boucle infinie qui empêche l'affichage même de ma page et le blocage de mon navigateur.
J'ai testé aussi en précisant le déclenchement de la fonction en au chargement de la page
<body onload="appear()"mais la même erreur se produit.
L'erreur est bien compréhensible mais justement est-ce que quelqu'un aurait une solution pour ce que je souhaite faire ?
Merci bien,
A voir également:
- Javascript effets SCRIPTACULOUS en boucle
- Telecharger javascript - Télécharger - Langages
- Xiaomi s'éteint tout seul et se rallume en boucle - Forum Xiaomi
- Javascript arrondi ✓ - Forum Javascript
- Effets spéciaux sur whatsapp - Accueil - Messagerie instantanée
- Désactiver les effets visuels windows 10 - Guide
1 réponse
Essaye avec un boucle while et appelles ta fonction avant </body></html>:
<script type="text/javascript">
function appear() {
continuer = true;
while(continuer == true) {
new Effect.Appear('div1', {duration:3, fps:25, from:0.0, to:1.0, delay:1});
new Effect.Appear('div2', {duration:3, fps:25, from:0.0, to:1.0, delay:2});
new Effect.Appear('div3', {duration:3, fps:25, from:0.0, to:1.0, delay:3});
new Effect.Fade('div1', {duration:3, fps:25, from:1.0, to:0.0, delay:4});
new Effect.Fade('div2', {duration:3, fps:25, from:1.0, to:0.0, delay:5});
new Effect.Fade('div3', {duration:3, fps:25, from:1.0, to:0.0, delay:6});
setTimeout(appear(),7000);
}
}
</script>