建立政府公众网站的目的的自媒体服务平台

例如，这是在渲染JavaScript / jQuery动画之前预加载CSS图像的有用方法。 这个脚本是一个小的jQuery插件，用于缓存链接/导入的CSS文件中引用的所有图像（它会遍历附加的每个样式表中的每个规则，如果规则的值包含图像URL，则会加载该图像，从而确保该图像在缓存中可用在文档中使用时。

预加载CSS图像功能

 jQuery.preloadCssImages = function(){var allImgs = [];//new array for all the image urls  var k = 0; //iterator for adding imagesvar sheets = document.styleSheets;//array of stylesheetsfor(var i = 0; i 0 && imgUrls != ''){//loop arrayvar arr = jQuery.makeArray(imgUrls);//create array from regex obj        jQuery(arr).each(function(){allImgs[k] = new Image(); //new img objallImgs[k].src = (this[0] == '/' || this.match('http://')) ? this : baseURL + this;     //set src either absolute or rel to css dirk++;});}}//loopreturn allImgs;
}  

用法

//preload only
$.preloadCssImages();//load into array
var preloadedImgs = $.preloadCssImages();

这是图像阵列！

From: https://www.sitepoint.com/jquery-preload-css-images/