imagen con gracia en Javascript de precarga (sin ningún tipo de biblioteca de JS)?

Question

Tengo una imagen con un conjunto atributo src.

Me gustaría sustituir la imagen, pero la conexión con el servidor es lento y el tiempo que se tarda en cargar una nueva imagen no es despreciable.

¿Existe la posibilidad de crear objetos imagen interna, establecer especie de "onLoadListener" en él, cargar una imagen y luego otra vez en el atributo src imagen original?

Answer 1

imágenes Usted puede pre-carga en JavaScript como este ...

myImage = new Image();
myImage.onload = function () { alert("Loaded"); };
myImage.src = "logo.gif";

Se puede poner la lógica para que aparezca la imagen de la página en lugar de alerta-ción.