预加载标签IMG而不指定图像的名称 - Preload tag IMG without specifying the name of the images

Preload tag IMG without specifying the name of the images

本文关键字：图像加载标签 IMG | 更新日期: 2023-09-27

我需要一个脚本来加载网页的所有图像，然后显示它。我希望该脚本预加载所有TAG，然后使网页可见。

我已经尝试过像JPreloader或jQuery插件这样的脚本，但我想在一个数组中写入image.jpg的名称，并在不指定图像名称的情况下预加载所有img标记！

在您的css 中

body {display: none;}

脚本内标记

$(window).load(function(){
  $(body).show();
});

结果不佳的原因是人们不理解你的主题。顺便说一句这对我来说没有任何意义，但你可以使用这个：

// CSS
body: opacity: 0;
// jQuery
$(window).load( function() {
   // this will fired, when everything is loaded by the clients browser
   $('body').css('opacity','1')
   // or you can animate it
   $('body').fadeTo(500,1); // 500 for 500ms
} )

如果你只想隐藏页面的某些部分（最好至少向用户显示一些），你可以这样修改解决方案：

HTML:

<div class="img-container">
    <img src="...">
</div>

CSS：

body:not(.body-ready) .img-container {
    display: none;
}

JS:

window.addEventListener('load', function(){
   document.body.setAttribute('class', 'body-ready');
});

jsfiddle