显示图库div当网站加载完全否则只有画廊显示加载图标

Question

我有一个网站和内部网站，我有<div id="gallery">，有10张图片。我希望网站立即加载，但画廊应显示加载图标，直到网站上的所有图像完成加载。加载所有图像后，图库应该可见

这就像https://www.udemy.com/。

我已经尝试过这段代码，但这不起作用：

$(window).load(function(){
    $('.loader').fadeOut();
});

Answer 1

尝试图片加载的插件imagesLoaded plugin。然后

$(your gallery div).imagesLoaded(function() {
    $('.preloader').fadeOut(1000);
});