图像预加载功能测试

Question

想知道以下是否是预加载图像的有效方法以及是否有任何方法可以测试预加载功能？感谢。

var images = new Array();

function preload() {
	for (i = 0; i < preload.arguments.length; i++) {
		images[i] = new Image();
		images[i].src = preload.arguments[i];
	}
}

// Usage:

$(window).load(function(){
	preload(
	    'img/imageName.jpg',
	    'img/anotherOne.jpg',
	    'img/blahblahblah.jpg'
	);
});

Answer 1

您的代码似乎可以预先加载网页上的图像。

对于测试，您可以添加将图像附加到页面并检查已加载的图像。

function preload() {
    var images = [];
    for (i = 0; i < preload.arguments.length; i++) {
          images[i] = new Image();
      images[i].src = preload.arguments[i];

              $("body").append( images[i] );
  }
}

// Usage:

$(window).load(function(){
        preload(
        'img/imageName.jpg',
        'img/anotherOne.jpg',
        'img/blahblahblah.jpg'
   );
});