[SOLUCIONADO] setTimeout y delay, necesito alternativas o soluciones

[Zipus]

Tengo esto:

Código Javascript:

$("#grafico").animate({width: "30%",opacity: 0.2}, 2000 );
$("#grafico").attr("src","http://example.com/imagen.jpg");
$("#grafico").animate({width: "100%",opacity: 1}, 2000 );
 

Mi intención es que el atributo src cambie despues de los dos primeros segundos, pero lo he provado con setTimeout() y .delay() y nada me funciona.

No se como hacerlo ya.

Muchas gracias, saludos.

[diurno10]

te muestro lo que hice y me funciono

Código Javascript:

$(document).ready(function(){
 
    var myVar;
    function cambiaSrc(){
        myVar = setTimeout(function(){
                    $("#image").attr("src","flecha-abajo.png");
                }, 3000);       
    }
 
 
    cambiaSrc();
 
 
 
});
 

Código HTML:

<div class="ver">
<img src="descarga.jpeg" alt="" id="image" class="imagenes">
<img src="flecha-abajo.png" alt="" id="image4" class="imagenes">
<img src="flecha-arriba.png" alt="" id="image5" class="imagenes">
</div>
 

[Zipus]

Gracias.

Al final entro esta solucion:

Código Javascript:

$("#grafico").animate({width: "20%",opacity: 0.1}, 500, "linear",function() {
        $("#grafico").attr("src","http://dominio.com/imagen.jpg");
        });
 

Es decir .animate incluye la posibilidad de usar o ejecutar funciones.