Discussion :

[__fabrice]

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 :

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

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 :

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

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

[nico78200]

Bien sure que c'est possible mais pas comme ça, déjà j'aime pas trop jouer sur le marges pour deplacer un panel ou un sprite...

Tiens regarde du coté de ce plugin jQuery http://demos.flesler.com/jquery/scrollTo/ , pour que ton scroll soit infini, tu dois forcement chargé ton contenu via une requete Ajax ou alors bouclé la boucle lorsque tu arrive au bout et repartir à left:0;

Nico

[__fabrice]

Salut,

Je vais tester çà, mais c'est les autres démos que cela à l'air interessant.

En fait, dans mon cas, je suis obligé de faire un scroll de droite à gauche avec un nombre d'images fixe.

Par exemple, dans mon bandeau, j'ai 7 images visibles (sur 7 aux total). Je dois donc les faire scroller en clonant la premiere et en la copiant à la fin (non visible). Je décale ensuite tout.... et ainsi de suite.

Je vais voir si ce plugin va m'aider ou non. Car, là, tout marche, sauf le mouvement continu.

Merci
Fabrice

[__fabrice]

Il semble que le plugin smoothdivscroll soit le plus approprié pour ce que je veux faire.

Merci
Fabrice