与html / head中的一些js代码相比,这是预先加载图像的可接受方式吗?
body:after{ display:none; content: url(img1.jpg) url(img2.jpg) ... }
js方式
$.preload = function() { for (var i = 0; i < arguments.length; i++) { $("<img />").attr("src",arguments[i]); } } $.preload("img1.jpg","img2.jpg");
解决方法
我认为只要图像不是动态生成的,该方法就可以工作.使用CSS预加载的唯一问题似乎是图像下载与页面,而不是它.您可以在pageload结束后触发JavaScript事件.
进一步阅读:http://perishablepress.com/3-ways-preload-images-css-javascript-ajax/