Cree un objeto de imagen para realizar la carga previa de la imagen. Si la imagen ya existe en el caché del navegador, llame directamente a la función de devolución de llamada. Use el evento de Onload para determinar si la imagen está cargada.
function loadImage (url, devolución de llamada) {var img = new image (); // Crear un objeto de imagen para implementar la carga previa de la imagen img.src = url; if (img.complete) {// Si la imagen ya existe en el caché del navegador, llame directamente a la función de devolución de llamada. devolver; // Regrese directamente, ya no es necesario procesar el evento Onload} img.onload = function () {// llamar a la función de devolución de llamada de manera asincrónica cuando se descarga la imagen. callback.call (img); // Reemplazar esto de la función de devolución de llamada con un objeto de imagen}; }; </pre> <pre code_snippet_id = "395795" fnippet_file_name = "Blog_20140617_3_4709132" name = "code"> <preame = "código"> < "http://www.w3.org/tr/html4/strict.dtd"> <html> <cead> <meta http-equiv = "content-type" content = "text/html; charset = iso-8859-1"> <title> Determinar si la imagen está cargando completar </title> <body> <fod <omg Id = "IMG2". src = "imágenes/1.jpg"/> </body> </html> <script language = "javaScript"> document.getElementById ("img2"). onload = function () {alert ("Carga de imagen completa"); } </script>