jQuery - 等待背景图像加载然后显示元素

Question

我确实找到了一些地方，告诉他们如何执行此操作，但它要么 super 不方便，要么根本不起作用..(这些人自己的示例不起作用..)

基本上，我有一些背景图像，我想同时显示，而不是让它们随时加载到文档中......

我不一定需要首先加载它们或任何东西但要等到特定的背景图像加载然后显示它们的父div..

此外，如果可能的话......如果这些背景图像可以定义为通过类加载而不是指定实际的图像名称......就像

.load-bg ~ 后台加载 ~ 显示元素..

我能到达月球吗？这可行吗？

Answer 1

我的插件，waitForImages ，允许您在图像加载时附加回调。

它支持CSS中引用的图像。

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