Question

可能重复：
Check if an image is loaded (no errors) in JavaScript

通过设置img.src来加载javascript。

谢谢...！

Answer 1

您可以使用load这样的事件：

var img = document.getElementById('imgID');

// or

var img = new Image;

img.onload = function(){
  alert('The image has been loaded');
  img.src = 'image path here';
};

或者，当您使用load的{{1}}事件时，图像会被加载：

window

Answer 2

var myImg = new Image();

myImg.onload = function(){
   alert('loaded');
}

myImg.src = '../images/someImage.jpg';

Answer 3

此处提供纯JavaScript（无jQuery）解决方案进行测试：http://jsfiddle.net/Sztxs/1/ （根据现有答案）

您可以将其集成到一个函数中，然后使用该函数进行预加载，而不必为每个预加载的图像编写新的onload函数。

你可以随心所欲，而不是提醒。

如果您需要任何进一步的帮助，请告诉我们。：）

Answer 4

有了这个帮助

var img = new Image();  
// Create image

$(img).load(function() {
    // Image Loaded notification
}).error(function () {  
    // Error Notification here
}).attr({ 
    id: "Set Id",  
    src: "Image Source",
    title: "Title Here",
    alt: "Alt here"
});

如何检查图像是否已成功预加载？

4 个答案: