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
});

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

1 个答案: