javascript - how to smooth jquery animations

Question

I would like to smooth the chaining of some jquery.animate functions.

Here is a jsfiddle where I describe the problem : http://jsfiddle.net/xavier_seignard/KTxbb/4/

As you can see, there is a stop between each animation, even with the linear attribute.

Do you have any idea about how to smooth it? Or anything else that would do the trick?

Regards

Answer 1

You can change the speed for a more "fine" animation, you see that stop because the speed it's too fast and different size to cover:

function initPage() {
    $.each(json, function() {
        $("#point").animate({
            left: this.x,
            top: this.y
        },
        1000, 'linear');
    });
}?