所以我遇到了另一个问题。
当我开始重做我正在处理的网页时,我遇到了一个想法 - 为什么不让页面预加载材料,而它正在这样做,显示加载屏幕? 好吧,我为此做了一个函数,但问题是,它开始做它应该做的事情,直到它来到图像预加载的open()部分。它根本不起作用。这是因为我给它的论点[i]部分导致它停在那里?有没有更好的方法呢?
function mainPageLoad() {
var loadScreen = document.getElementById('pageload');
loadScreen.innerHTML = "<p>Loading<span id='loadingWhat'>...</span></p><img src='images/loading.gif?v2'>";
var loadspan = document.getElementById('loadingWhat');
loadspan.innerHTML = " images";
preloadImages(["images/logo.jpg"])
//loadspan.innerHTML = " content";
//preloadContent([""]);
}
function preloadImages() {
var images = new Array();
var imagesToLoad = arguments.length;
document.writeln(imagesToLoad);
var imagesLoaded = 0;
document.writeln(imagesLoaded);
for (i = 0; i < arguments.length; i++) {
document.writeln("Loading images.");
images[i] = new XMLHttpRequest();
document.writeln("Made object");
images[i].open("GET", arguments[i], true);
document.writeln("Well, that worked.");
images[i].send(null);
document.writeln("Sent.");
images[i].onreadystatechange = function() {
document.writeln("Ready state change!");
if (images[i].readystate == 4 && images[i].status == 200){
imagesLoaded = imagesLoaded + 1;
window.alertln("We have loaded another image.");
window.alertln("Image" + String(imagesLoaded) + "out of" + String(imagesToLoad));
}
}
}
}
window.onload = init;
答案 0 :(得分:2)
这是一种非常简单的预加载图像的方法,并在完成相关的先前问题/答案中加载图像时调用回调:Image preloader javascript that supports events。