jquery - jQuery 检测 css 背景图片完成下载

Question

我正在尝试下载图像，然后使用 css 应用淡入淡出background-image。
当它是这样的常规时，我可以做到这一点<img src=''/>：

#mainImg {display:none}

var c = $('#mainImg');
$(new Image()).load(function(){
    c.fadeIn(300);
}).attr('src', c.attr('src'));

但是当它是一个时我怎么能检测到它css background？
这是使用 jQuery 的 css，但我似乎无法像上面的代码那样得到它并检测下载何时完成

$('<img/>').attr('src', 'image.png').load(function() {
     $('#mainImg').css('background-image', 'url(image.png)');
});

score 2 · Accepted Answer

我之前通过将隐藏的子图像临时附加到 div 来完成此操作，然后在子图像的加载事件触发时设置其父图像的背景图像并淡入。最好在事后删除子图像，以保持整洁！您可以将图像附加到任何地方，但这是一个映射应用程序，我必须保持图像与其父 div 相关联！

1 回答 1