首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >如何检查是否加载了背景图片?

如何检查是否加载了背景图片?
EN

Stack Overflow用户
提问于 2011-02-20 23:35:13
回答 6查看 143.6K关注 0票数 172

我想在body标签上设置一个背景图像,然后运行一些代码-就像这样:

代码语言:javascript
复制
$('body').css('background-image','http://picture.de/image.png').load(function() {
    alert('Background image done loading');
    // This doesn't work
});

如何确保背景图像完全加载?

EN

回答 6

Stack Overflow用户

发布于 2013-03-12 08:41:55

我有一个名为waitForImagesjQuery plugin,它可以检测背景图片何时下载。

代码语言:javascript
复制
$('body')
  .css('background-image','url(http://picture.de/image.png)')
  .waitForImages(function() {
    alert('Background image done loading');
    // This *does* work
  }, $.noop, true);
票数 23
EN

Stack Overflow用户

发布于 2011-02-20 23:36:44

CSS资产没有JS回调。

票数 17
EN

Stack Overflow用户

发布于 2012-06-16 01:00:40

如下所示:

代码语言:javascript
复制
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();
      });
  }
});
票数 16
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/5057990

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档