I’m trying to preload some images with a for loop. It’s hard to make certain that your images are actually preloading, but I’m fairly confident they aren’t. Every time I bring the page up on a new system there is a delay at the first onmouseover event for each image. Can anyone say why it’s not working? When preloading images individually most of the code I’ve seen is explicit about declaring the size of that image at the ‘new Image()’ call. …Not so with the batch methods. Should I be declaring a size, and can I get away with a junk size that won’t actually fit all the images? (They are of different dimensions.)
function preloadImages() {
if (document.images) {
image_object = new Image();
var i = 0;
for(i=0; i<=5; i++) {
image_object.src = "images/header_links-overlay" + i + ".gif";
}
}
}
P.S.: I just noted that my code starts at 0 and loops to 5, but I don’t have a header_links-overlay0.gif… I start at “1.” I’ve changed it in my local code, but like I say… preloading is hard to test. Might it have been breaking the loop somehow if my first .src declaration turned out to be invalid? …He asked as though the answer to the query were not completely obvious.
Arigatou godzaimasu.
