要保证每个对象都有背景图片,且背景图片不能404,可获取到。网速慢点没关系。否则无法通过。不会跳过404的图片或者空对象。加载总数是按对象数量而定的。

function getBgUrl(el) {
  var bg = "";
  if (el.currentStyle) { // IE
    bg = el.currentStyle.backgroundImage;
  } else if (document.defaultView && document.defaultView.getComputedStyle) { // Firefox
    bg = document.defaultView.getComputedStyle(el, "").backgroundImage;
  } else { // try and get inline style
    bg = el.style.backgroundImage;
  }
  return bg.replace(/url\(['"]?(.*?)['"]?\)/i, "$1");
}

function bgImgLoaded() {
  let count = 0;
  let $obj = $(".element1,.elementx,.elementn");
  $obj.each(function () {
    var image = document.createElement('img');
    image.src = getBgUrl($(this)[0]);
    if (image.src) {
      image.onload = function () {
        count++;
        if (count == $obj.length) {
          // 加载完成
        }
      };
    }
  });
}