new Image(), comment savoir si l'image à 100% chargé ou pas?
Je crée une nouvelle image à l'aide de
img = new Image();
img.src = image_url;
Alors je suis attribution d'img.src de la balise img src dans les DOM
$("#my_img").attr("src", img.src);
Comment puis-je savoir que l'img.la src a 100% chargé? Quelles sont les bonnes pratiques?
img.complete
me semblent un peu buggé dans certains navigateurs.
Donc, en d'autres termes, j'ai besoin d'attribuer img.src
à $("#my_img")
seulement après img
il a été de 100% chargé.
Merci!
- vous pouvez également ajouter une case à img.complet pour img.naturalWidth voir stackoverflow.com/questions/1977871/...
Vous devez vous connecter pour publier un commentaire.
Utiliser le
load
événement:Également jeter un oeil à:
complete
de la propriété. Essayezif(img.complete) console.log('already loaded')
À l'aide de la Promesse modèle:
Et lors de l'appel de la fonction, nous pouvons gérer sa réponse ou d'erreur assez facilement.
$.when.apply($, [])
où "[]
" est un tableau de promesses (c'est à dire prise en charge de plusieurs images). Noter le support natif des promesses aussi.