如何检查是否加载了背景图片？
如何检查是否加载了背景图片？
提问于 2011-02-20 23:35:13
我想在body标签上设置一个背景图像，然后运行一些代码-就像这样：
$('body').css('background-image','http://picture.de/image.png').load(function() {
alert('Background image done loading');
// This doesn't work
});如何确保背景图像完全加载？
回答 6
Stack Overflow用户
发布于 2013-03-12 08:41:55
我有一个名为waitForImages的jQuery plugin，它可以检测背景图片何时下载。
$('body')
.css('background-image','url(http://picture.de/image.png)')
.waitForImages(function() {
alert('Background image done loading');
// This *does* work
}, $.noop, true);Stack Overflow用户
发布于 2011-02-20 23:36:44
CSS资产没有JS回调。
Stack Overflow用户
发布于 2012-06-16 01:00:40
如下所示：
var $div = $('div'),
bg = $div.css('background-image');
if (bg) {
var src = bg.replace(/(^url\()|(\)$|[\"\'])/g, ''),
$img = $('<img>').attr('src', src).on('load', function() {
// do something, maybe:
$div.fadeIn();
});
}
});页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/5057990
复制相关文章
相似问题
腾讯云开发者
