jQuery-等待背景图片加载完毕，然后显示元素

问题描述

| 我确实找到了几处被告知如何执行此操作的地方，但这要么超级不方便，要么就是行不通..（伙计们自己的例子行不通..） 基本上，我想同时显示背景图像，而不是让它们在需要时随时加载到文档中... 我不一定非要先加载它们，而是等到特定的背景图片加载完毕后再显示其父div。 另外，如果可能的话..如果可以将这些背景图像定义为通过类加载而不是指定实际图像名称，则将有很大的不同…… .load-bg〜后台加载〜显示元素。 我是在登月吗？     

解决方法

我的插件waitForImages允许您在图像加载后附加回调。 它支持CSS中引用的图像。

$(\'#some-container\').waitForImages({
    waitForAll: true,finished: function() {
        // Loaded all images referenced in CSS.
    }
});

    ,您可以将异步图像加载器与事件的回调一起使用，该事件显示保存图像的div。以下是一些异步加载程序： JAIL（jQuery异步图像加载器） 图像加载器JQuery插件 注意：请参阅该页面上的“ 1”事件。 另外，可能会有帮助的SO q / a：使用jQuery预加载图像     ,我可以确认\'ImagesLoaded \'插件对我有用。 像这样使用：

// jQuery
$(\'#container\').imagesLoaded( { background: true },function() {
  console.log(\'#container background image loaded\');
});

// vanilla JS
imagesLoaded( \'#container\',{ background: true },function() {
  console.log(\'#container background image loaded\');
});