如何检查是否加载了背景图像？

Question

如何检查是否加载了背景图像？我想在Body标记上设置一个背景图像，然后运行如下代码：$('body').css('background-image','http://picture.de/image.png').load(function() {     alert('Background image done loading');     // This doesn't work});如何确保背景图像已完全加载？

Answer 1

就像这样：

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