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

基于这个假设，我认为您正在寻找与此类似的东西:

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