Este artículo describe el método de JavaScript para llamar a una función de devolución de llamada después de completar la carga de imagen. Compártelo para su referencia. El análisis específico es el siguiente:
Este código puede controlar la ejecución de la función de devolución de llamada especificada después de cargar la imagen en el área especificada.
La copia del código es la siguiente: function When_images_loaded ($ img_container, llamada de llamada) {
/* Haga devolución de llamada cuando se cargan imágenes en $ img_container (objeto jQuery). Solo funciona cuando todas las imágenes en $ img_container son imágenes recién insertadas y esta función se llama inmediatamente después de que las imágenes se insertan en el destino. */
var _imgs = $ img_container.find ('img'),
img_length = _imgs.length,
img_load_cntr = 0;
if (img_length) {// Si el $ img_container contiene nuevas imágenes.
_imgs.on ('load', function () {// Luego evitamos la devolución de llamada hasta que se carguen las imágenes
img_load_cntr ++;
if (img_load_cntr == img_length) {
llamar de vuelta();
}
});
}
else {// de lo contrario, solo haga la acción principal de devolución de llamada si no hay imágenes en $ img_container.
llamar de vuelta();
}
}
Espero que este artículo sea útil para la programación de JavaScript de todos.