1. Puedes saber cuándo termina de cargar la imagen con el evento
onload de la imagen.
2. La actualización de la imagen se lanza y la ejecución de tu Javascript continúa. No necesita esperar a que la imagen cargue, así que puedes ir haciendo otras cosas mientras.
3. La petición de la imagen tardará lo que tenga que tardar. No hay problema.
4. Con AJAX es que realmente no hay modo de operar con la imagen.
Lo único que necesitas en el código que has puesto es usar el onload de la imagen.
Código javascript
:
Ver original//...
function load() {
document.getElementById('grafica').onload = function() {
document.getElementById('wait').style.display='none';
document.getElementById('graph').style.display='block';
}
document.getElementById('grafica').src='script.php';
};
//...