是否有任何方法可以暂停页面加载，直到加载图像（预加载器）

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's imagesLoaded脚本，其自述文件中列有其用例。

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

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