Javascript 在不指定图像名称的情况下预加载标记IMG

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

---

我已经尝试过像JPreloader或jQuery插件这样的脚本，但是我想在数组中写入image.jpg的名称，并预加载所有

img

标记，而不指定图像的名称

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

// 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
} )

在css中

body {display: none;}

脚本内标记

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

---

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

HTML:

JS:

---

请参见问题中的

html

，

js

，

css

，创建stacksnippets，？如果您的问题是加载图像时页面跳转，您必须指定图像的宽度和高度。请记住，隐藏你的“身体”可能对搜索引擎优化有害（我不是100%确定）。@RavenJe在你的问题下面有3个答案，每个答案都以某种方式解决了问题。如果你给我们一些反馈，比如一些评论或者接受投票，那就太好了。问题是我不想一直写图片的名字，我希望jquery在显示页面之前加载所有标签img！

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

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

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