使用 jQuery 检测以引导模式加载的图像

Question

我的页面上有一个按钮，用于打开引导模式，无序列表中有数千张图像，如下所示：ul > li.thumbnail > img.image。我需要在打开模式后显示全屏加载程序并在加载图像后隐藏加载程序。但是li 元素的数量并不严格。你知道我该怎么做吗？谢谢！

//编辑

但我不需要在全页加载时加载它，我想在模态打开时加载它

Answer 1

我有一个可能的解决方案

var loader = $('#loading'); //fullscreen loading animation
$("#lg-modal").on('show.bs.modal', function (e) {
        loader.css({ 'display': 'block' });
        $(window).load(function () {
            loader.css({ 'display': 'none' });
        });
    });

它现在可以正常工作（我需要更多测试）。您对此有什么想法或更好的方法吗？ 谢谢！

编辑： 这不是正确的解决方案，因为当模态加载时，我显示加载的模态，页面没有加载任何内容..