专题1.0 图片资源的预加载
预加载图片是提高用户体验的一个很好方法。图片预先加载到浏览器中,访问者便可顺利地在你的网站上冲浪,并享受到极快的加载速度。这对图片画廊及图片占据很大比例的网站来说十分有利,它保证了图片快速、无缝地发布,也可帮助用户在浏览你网站内容时获得更好的用户体验。如何实现预加载? 资源文件: 脚本代码: js/index.js (function(){ var arr = []; for (var i = 1; i <= 6; i++) { arr.push("./img/web-" + (i < 10 ? "0" + i : i) + ".jpg"); } getImage(arr, callbackHandler); function getImage (arr, callback) { var img = new Image(); img.arr = arr; img.callback = callback; img.imgList = []; img.num = 0; img.addEventListener("load", loadHandler); img.src = arr[img.num]; } function loadHandler () { this.imgList.push(this.cloneNode(false)); this.num++; if (this.num