使用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' });
        });
    });

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

编辑：这不是正确的解决方案，因为加载模式时，并且显示加载的模式时，页面未加载任何内容。