Hello,

I am having a set of 150px width DIV's next to each other, that all animate as a whole from right to left. The amount of DIVs varies, and i want to have the animation look the same speed with 1 DIV or with 10.

Since each DIV is 150px width, i currently have the animation speed based on the amount of DIV's:

aantal = $('#scroller div').size();
var speed = 8000;
snelheid = speed * aantal;
 $('#scroller').animate({marginLeft: "-"+links+"px"}, snelheid, "linear");

#scroller is the container DIV that contains all 150px width DIVs.

I still notice that 1 DIV moves quite a bit faster then when i have 4 DIV's. How would i make the speed constant, no matter how many DIV's i have?

thanks!

Matt

Put one container around all the divs, then animate it instead of all of them individually. This will be a lot more efficient instead of relying on several separate animation registrations, which each rely on their own setInterval() internal to jQuery.

that is how i did it. Sorry if i did not make myself clear: #scroller is the container DIV that contains all 150px width DIVs.

Not your fault, I just misunderstood.

What happens when you do this instead?

var speed = 8000;
speed *= $('#scroller div').length;
 $('#scroller').animate({marginLeft: "-"+links+"px"}, speed, "linear");

1 DIV is still a lot faster moving then 4 DIVs.

But i did this:

snelheid = speed +(2500*aantal);

instead of this:

snelheid = speed * aantal;

And now i see very little difference!