javascript - 有没有办法在加载图像之前停止页面加载（预加载器）

Question

我有一个在预加载器中使用的图像。我希望在加载其他内容之前加载此图像

 <div class="overlay" id="mainoverlay">
         <div class="preloader" id="preloader">
          <img src="images/logo128.png" id="logo-preload"/> 
         </div>

     </div>

我希望在其余内容之前加载此图像。在某种程度上，我希望此图像以浏览器加载 js 文件的方式加载：阻止页面渲染，直到加载脚本。有没有办法做到这一点

Answer 1

考虑David 的 imagesLoaded脚本，它的用例列在其 README 中。

基于这个假设，我认为你正在寻找类似的东西：

$('#preloader').hide();
var imgLoad = imagesLoaded('#preloader');
imgLoad.on( 'always', function() {
    $('#preloader').show();
});