jquery - 仅在加载 50-60% 页面之前执行 jquery 窗口加载功能

Question

好的，该网站一切正常，但问题是使用以下代码运行的预加载屏幕需要很长时间才能淡出并显示原始网站：

<script>
jQuery(window).load(function(){
jQuery('#loading').fadeOut(3000);
});
</script>

#loading 是一个带有 gif 图像和黑色背景的 css 块，用于隐藏页面直到完成加载。

由于图片很大（或者我的互联网速度很慢），该网站非常繁重，并且我的 css 中的#loading 需要很长时间才能淡出，这给人一种被卡住的印象。

现在有没有办法使用 jQuery 窗口加载功能在页面加载 50-70% 时淡出加载屏幕，而不是等到页面完全加载？

Answer 1

我会做这样的事情（未经测试）

$(function(){

    var $images = $('body img'),
        imageCount = $images.length,
        loadedCount = 0;

    $images.load(function(){
        loadedCount++;
    }).error(function(){
        //error loading image
    });

    //progress: (loadedCount / imageCount) * 100 + '%'
    //do something at 70% here
});