script que se ejecuta en desorden

[helion]

Iniciado por Alexis88

Si revisas la documentación oficial del método animate, notarás que como cuarto parámetro, se le puede pasar un callback (llamada de retorno) la cual ejecutará la acción que queremos que suceda una vez que termine la animación actual. Entonces, solamente te quedaría hacerlo de esta forma:

Código Javascript:

var img1 = "//localhost/images/1.gif",
    img2 = "//localhost/images/2.gif",
    tem = 1500;
 
$("#test1")
    .prop("src", img2)
    .animate(
        {left: 400}, 
        tem,
        "linear",
        function(){
            $(this)
                .prop("src", img1)
                .animate({left: 384}, tem);     
        }
    );
 

De este modo, el cambio de imagen y desplazamiento hacia la izquierda, se realizan una vez que la primera animación termine.

Saludos

muchas gracias por tomarte el tiempo de poder dejarme un ejemplo, la verdad me funciono, te lo agradezco :)