在显示主要内容之前，将预加载器页面添加到所有页面

Question

我正在通过银行域创建一个网站。我制作了一个自定义预加载器，并希望在显示主要内容之前将该自定义预加载器链接到所有页面。 我在网上搜索了tat，但没有用。 你们能帮我吗？

Answer 1

如果您创建了自己的自定义预加载器，则可以通过以下步骤使用它：-

1. 将预加载器放到主要网站/复制容器之外。
2. 将不透明度0设置为主容器，我建议使用一些过渡。和不透明度1的预加载器，这样您就只能看到预加载器，而不能看到网站。
3. 在页面/窗口完全加载后，使用jQuery的窗口加载事件使网站可见（与第2步相反）。

示例：-

$(window).load(function() {	
		$('.preloader').css({"opacity": "0", "visibility": "hidden"});
    $('.main').css({"opacity": "1", "visibility": "visible"});
});

.preloader{
  opacity:1;
  visibility:visible;
  -webkit-transition:all 0.5s ease;
  -ms-transition:all 0.5s ease;
  -o-transition:all 0.5s ease;
  transition:all 0.5s ease;
  //use position according to your requirment
}

.main{
  opacity:0;
  visibility:vidden;
   -webkit-transition:all 0.5s ease;
  -ms-transition:all 0.5s ease;
  -o-transition:all 0.5s ease;
  transition:all 0.5s ease;
}

<div class="preloader">
<!--your custom preloader will be here-->
</div>

<div class="main">
  <!--your whote website code/HTML will be here-->
</div>