预加载图片的高效JavaScript方法
本文介绍了一种使用JavaScript预加载图片的技术，通过自定义函数`jQuery.preLoadImages`，可以在页面加载时提前加载指定的图片路径，提高用户体验。
日期：2012-4-26 来源：GBin1.com
下面这段代码可以有效的帮助你预先加载图片。
(function($) {
var cache = [];
//参数是图片相对于当前页面的路径
$.preLoadImages = function() {
var args_len = arguments.length;
for (var i = args_len; i--;) {
var cacheImage = document.createElement('img');
cacheImage.src = arguments[i];
cache.push(cacheImage);
}
}
})(jQuery)
然后，你可以使用如下方法来调用：
jQuery.preLoadImages("gbin1logo.png", "/path/gbin1.png");
当然，其实上面代码并没有使用jQuery独有的方法，所以你可以直接使用javascript来调用如上preLoadImages方法。
来源：[jQuery代码]如何使用javascript/jQuery预先加载图片
下面这段代码可以有效的帮助你预先加载图片。
(function($) {
var cache = [];
//参数是图片相对于当前页面的路径
$.preLoadImages = function() {
var args_len = arguments.length;
for (var i = args_len; i--;) {
var cacheImage = document.createElement('img');
cacheImage.src = arguments[i];
cache.push(cacheImage);
}
}
})(jQuery)
然后，你可以使用如下方法来调用：
jQuery.preLoadImages("gbin1logo.png", "/path/gbin1.png");
当然，其实上面代码并没有使用jQuery独有的方法，所以你可以直接使用javascript来调用如上preLoadImages方法。
来源：[jQuery代码]如何使用javascript/jQuery预先加载图片
扫一扫
563
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
