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而不指定图像的名称

3 个答案: