Fatal编程技术网
  • jquery/
  • jQuery检测css背景图像完成下载

jQuery检测css背景图像完成下载

jquery css

jQuery检测css背景图像完成下载,jquery,css,Jquery,Css,我正在尝试下载图像，然后使用css背景图像应用淡入淡出 当它是一个常规的时，我可以做到这一点，就像这样： #mainImg {display:none} var c = $('#mainImg'); $(new Image()).load(function(){ c.fadeIn(300); }).attr('src', c.attr('src')); 但是，当它是css背景时，如何检测它呢？ 这里是使用jQuery的css，但我似乎无法像上面的代码那样获得它，并在下载完成时检测它

我正在尝试下载图像，然后使用css
背景图像应用淡入淡出

当它是一个常规的
时，我可以做到这一点，就像这样：


#mainImg {display:none}

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


但是，当它是
css背景时，如何检测它呢？

这里是使用jQuery的css，但我似乎无法像上面的代码那样获得它，并在下载完成时检测它


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



$（'
编辑这有帮助！

谢谢@colin
我以前做过这样的工作：临时将一个隐藏的子映像附加到div，然后设置其父映像的回溯映像，并在子映像的加载事件触发时淡入。最好以后删除子映像，以保持整洁！您可以将映像附加到任何位置，但这是一个映射应用程序，并且我必须保留与它们的父div关联的图像！
可能的副本