Cet article décrit la méthode de JavaScript pour appeler une fonction de rappel une fois le chargement d'image terminé. Partagez-le pour votre référence. L'analyse spécifique est la suivante:
Ce code peut contrôler l'exécution de la fonction de rappel spécifiée après le chargement de l'image dans la zone spécifiée.
La copie de code est la suivante: fonction quand_images_loaded ($ img_continer, rappel) {
/ * Faites un rappel lorsque des images dans $ img_continer (objet jQuery) sont chargées. Ne fonctionne que lorsque toutes les images de $ IMG_Container sont des images nouvellement insérées et que cette fonction est appelée immédiatement après l'insertion des images dans la cible. * /
var _imgs = $ img_continer.find ('img'),
img_length = _imgs.length,
img_load_cnttr = 0;
if (img_length) {// si le $ img_continer contient de nouvelles images.
_imgs.on ('charger', function () {// Ensuite, nous évitons le rappel jusqu'à ce que les images soient chargées
img_load_cnttr ++;
if (img_load_cnttr == img_length) {
callback ();
}
});
}
Else {// Sinon, faites l'action principale de rappel s'il n'y a pas d'images dans $ img_contivener.
callback ();
}
}
J'espère que cet article sera utile à la programmation JavaScript de tous.