Javascript Immagine Oggetto - gestire l'evento onload

Question

Sto cercando di precaricare immagine sul evento click:

// new image object 
var imgObject = new Image(); 

// assign the path to the image to the src property 
imgObject.src = document.URL + 'image/image.jpg'; 

// check if image has loaded 
if (imgObject.complete) { 

Ma la chiamata completa mai restituisce true al primo scatto - idea di quello che mi manca qui?

Answer 1

.complete è una proprietà dell'oggetto immagine, non un evento a cui è possibile collegarsi. Utilizzare l'evento onload:

var image = new Image(); 
image.onload = function() { 
    alert('image loaded'); 
}; 
image.src = document.URL + 'image/image.jpg'; 

Nota: Assicurarsi di allegare alla curva onload prima di impostare l'attributo di origine.

Nota Spiegazione: Image caching. Se l'immagine viene memorizzata nella cache, l'evento onload verrà attivato immediatamente (a volte prima di impostare l'handler)