javascript - 完全加载时淡入背景 url

Question

我正在尝试改进我的照片博客上的加载事件，但我有点失望。

我所有的图像都动态添加background: url()到.cover-gallery div. 我使用waitForImages插件，但是当页面加载时，我遇到了图像处理加载的常见故障。

我只会在.cover-gallery div它们满载时淡入我的视野。

// Hide images by default
$('.cover-gallery').find('div').addClass('fadeOut');

// Detect when images are fully loaded
$('.cover-gallery').find('div').waitForImages({
  finished: function() {
    $('.loader').addClass('fadeOut');
    $('.cover-gallery').find('div').removeClass('fadeOut').addClass('fadeIn');
  },
  waitForAll: true
});

你可以在blog.jeremybarbet.com上看到它。