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)');
});

Answer 1

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