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

Question

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

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

Answer 1

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

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

Answer 2

在你的css

body {display: none;}

在脚本标签中

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

Answer 3

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

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

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

Preload tag IMG without specifying the name of the images

html

javascript

php

jquery

preload