同时加载内容和背景图像

Question

我正在使用Ajax加载外部HTML，但是这个外部html有一个大的背景图像，如何在加载背景图像之前显示加载器？

代码：

$( ".content" ).load("game.html", function() {
      });   

Answer 1

试试这个：https://github.com/desandro/imagesloaded，一个用于检测图片何时加载的JavaScript代码

您的代码将类似于：

$( ".content" ).load("game.html", function() {
   $('.content').imagesLoaded(function () {
     remove loader
   });
});