Javascript 我怎样才能在Squarespace这样的网页上制作预加载程序

最近我一直在考虑开发一个新的网站布局，但最近我遇到了很多灵感，但没有找到如何在我的项目中实现它们的运气。其中一个问题包括在允许网页加载之前预加载图像，就像Squarespace使用其徽标的预加载图像显示其网站一样，然后快速过渡到其网页。我试图查看他们的源代码，但没有找到他们是如何做到的，或者他们使用了什么（Jquery？/Javascript？）。我不知道。我做了一些研究，但大多数都是由我不想要的“进度条”组成的，我只想用图像和良好的背景模拟Squarespace，然后过渡到我的网页。有人愿意演示如何做到这一点吗？提前谢谢大家

另外，我仍在学习JavaScript和Jquery，但我只是对人们如何提出这些实现着迷

以下是使事情变得更简单的网站链接： 你可以看到，在整个网站加载之前，一个logo开始加载，这就是我的问题所在

想试试这个吗

教程站点

HTML JS

$（窗口）。加载（函数（）{
$（#dvLoading'）。淡出（2000年）；
});

以进度条为例，显示一个徽标而不是进度条。帮助我们先帮助你自己！不，你帮助我，先告诉自己如何帮助我（开玩笑的兄弟）。我没有研究任何进度条，我只是举了一个我不想要的例子（进度条），但我明白你的意思。我会尝试，但同时，希望有人能给我一个很好的例子，说明他们将如何处理这个问题。谢谢你的建议，我很感激。

<div id="dvLoading"></div>

#dvLoading{
   background:#000 url(images/loader.gif) no-repeat center center;
   height: 100px;
   width: 100px;
   position: fixed;
   z-index: 1000;
   left: 50%;
   top: 50%;
   margin: -25px 0 0 -25px;
}

<script>
    $(window).load(function(){
       $('#dvLoading').fadeOut(2000);
    });
</script>