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でライブで見ることができます。