Jquery Lightgallery前的预加载程序，同位素使用Imageloaded

我正在使用LightGallery展示我的投资组合，并筛选类别。因为我的图像质量很高，所以我尝试使用 但无法实现，仍在学习jQuery。 我希望ImageLoaded在显示预加载程序（css或gif）时将图像加载到背景中，加载完成后，可以像放大一样进入图像。我的

这就是我试图使用的代码。它还没有完成，但我被卡住了，不知道下一步该怎么做。它也不是动画

---

请帮助，谢谢。

您丢失了

$.lightGallery（）

的初始化，因此添加了它。添加了一个预加载程序，我会在同位素运行后淡出。我还用

不透明度0隐藏了
#gallery
并在同位素加载完成时将其淡入。写一些可以“放大”你的图片的东西会有点棘手，所以我会让你自己决定
 嗨，Micheal，它在托管时工作不好。加载图像时加载程序可见，或者只有加载程序出现，图像根本不会出现。查看上述网站。它和我的密码笔一样question@Kamalakannancodepen和你的个人网站之间显然有些不同，但我也不打算对你的个人网站进行故障排除。我已经在第三方网站（codepen）上为您提供了很多帮助，但这并不是建议您这么做的，希望您能接受我已经为您完成的工作，并了解您的个人网站。是的，我知道我要求更多：（.我的道歉。无论如何，谢谢你，Micheal。@Kamalakanan没问题，但你似乎在评论中向我寻求个人帮助，只是在你的网站上发布了一个链接，希望我能进去帮你解决所有问题。这只会为你服务-对SO社区没有任何帮助。请记住，SO不是来完成y的我们为您提供的个人项目。如果您有问题，请发表一篇文章，用复制问题所需的清晰代码清楚地显示特定问题。
    $(document).ready(function() {
        var $gallery = $('#gallery');
        var $boxes = $('.revGallery-anchor');
        $boxes.hide(); 

        $gallery.imagesLoaded( function() {
        $boxes.fadeIn();

            $gallery.isotope({
                // options
                sortBy : 'original-order',
                layoutMode: 'fitRows',
                itemSelector: '.revGallery-anchor',
                stagger: 30,
                masonry: {
                  columnWidth: 200
                }
            });
        }); 

        $('button').on( 'click', function() {
            var filterValue = $(this).attr('data-filter');
            $('#gallery').isotope({ filter: filterValue });
            $gallery.data('lightGallery').destroy(true);
            $gallery.lightGallery({
                selector: filterValue.replace('*','')
            });
        });
  });