Javascript Image de l'Objet - Poignée Événement onload

Je suis en train de précharger les images sur l'événement 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) {

Mais l'appel complet jamais renvoie la valeur true sur le premier clic - toute idée de ce que je suis en manque ici?

OriginalL'auteur user398341 | 2011-09-28

  1. 10

    .complete est une propriété de l'objet image, pas un événement que vous pouvez attacher. Utiliser le onload événement:

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

    Remarque: assurez-vous de joindre à la onload virage avant de fixer l'attribut source.

    Note Explication: cache d'Image. Si l'image est dans le cache alors l'événement onload de la congédier immédiatement (parfois avant de définir le gestionnaire d')

    bien que je ne peux pas vraiment, il doit être sur le clic - et il ouvre l'url prises à partir de l'attribut href de l' <a> tag - à moins que je n'ai évidemment mal compris votre suggestion.
    il peut être à l'intérieur de votre gestionnaire de clic...
    Pourquoi est-il important d'appeler avant de la propriété src est réglé?
    Ce que @JasonHarwig dit.
    est une propriété indiquant si l'image a été chargé, pas un événement que vous pouvez attacher. Votre if instruction a été exécutée immédiatement après la définition de l'image src - il probablement ne sera jamais vrai à ce point (sauf s'il a été mis en cache peut-être?). J'ai mis à jour la réponse un peu à en faire un peu plus clair.

    OriginalL'auteur James Hill