Q282 How can I preload images into the browser cache, but only one at a time?

irt.org | Knowledge Base | JavaScript | Image | Q282 [ previous next ]

Q282 How can I preload images into the browser cache, but only one at a time?

The following will load images name image1.gif through to image9.gif one at a time for browsers that support the JavaScript image object:

<SCRIPT LANGUAGE="JavaScript"><!--
function next() { if (++no < 10) load(); }

function load() {
    img[no] = new Image();
    img[no].onload = next;
    img[no].src = 'image' + no + '.gif';
}

if (document.images) {
    var img = new Array(10), no = 1;
    load();
}
//--></SCRIPT>

Feedback on 'Q282 How can I preload images into the browser cache, but only one at a time?'

• 10:17:30 1/17/01 lmss