script que se ejecuta en desorden

[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