Javascript Array Pre-load

Question

I have this small javascript code and that makes a manual slideshow, but it requires every image to be downloaded before displaying. Could anyone please modify my code so that it preloads all the images (in order) and eliminates that annoyance.

JS Code:

var pos = 0;
var imgs = new Array('1.png', '2.png', '3.png');
document.write("<img src=\"" + imgs[0] + "\" onclick=\"(pos+1>imgs.length-1)?pos=0:++pos; this.src=imgs[pos]\" />");

Help much appreciated.

Answer 1

看看http://elouai.com/javascript-preload-images.php ，希望对您有所帮助。