要保证每个对象都有背景图片,且背景图片不能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) {
// 加载完成
}
};
}
});
}
评论区
发表新的留言
您可以留言提出您的疑问或建议。
您的留言得到回复时,会通过您填写的邮箱提醒您。