Animation d'un bandeau en continu, sans arret
Bonjour à tous,
J'aimerai réalisé une animation d'un bandeau, avec des photos dedans (genre un carrousel), mais qui ne s'arrete pas.
J'ai fait ceci :
Code:
1
2
3
4
5
6
7
8
|
var theMargin = 200;
var taille = 200;
(cycle = function() {
$("#content").animate({ marginLeft: "-"+theMargin+"px"}, 2000, cycle);
theMargin += taille;
})(); |
Code:
1
2
3
4
5
6
7
8
9
| <div id="wrapper">
<div id="content">
<?php for ($i=1 ; $i <= 10 ; $i++) { ?>
<div id="panel-<?php echo $i?>">
<?php for ($j=1 ; $j <= 5 ; $j++) { echo $i; }?>
</div>
<?php } ?>
</div>
</div> |
Mais l'animation s'arrete un tres court laps de temps à chaque tour de boucle, rien de continu, il y a toujours un arret de l'anim.
J'ai essayé avec un SetInterval à 0, mais cela s'arrete aussi.
Peut-on faire çà avec jquery ?.
Merci
Fabrice
