预加载标签IMG而不指定图像的名称
Preload tag IMG without specifying the name of the images
我需要一个脚本来加载网页的所有图像,然后显示它。我希望该脚本预加载所有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
相关文章:
- 在通过child.print()打印之前,我如何等待图像加载到我的新窗口中
- 在检索数据时是否可以停止图像加载请求
- 如何让我的网站上的WEBP图像加载在morzilla firefox中有一个可能的解决方案吗?如果是,那么如何
- jQuery:获取图像加载错误的详细信息
- 在safari和chrome中,js图像加载产生了奇怪的结果
- 图像加载不适用于 IE 8 或更低版本
- 这个图像加载功能有什么作用
- JavaScript 图像加载器不起作用
- 动态图像加载是否会减少服务器过载
- 跨来源图像加载被拒绝-仅限iPhone-简单图像上传
- 纯javascript的进度图像加载程序仅当用户单击提交html表单时
- 使用JavaScript延迟图像加载
- 如果当前图像加载缓慢,如何加载其他图像
- HTML图像加载触发一个错误
- 将图像加载到localStorage,并将图像src设置到该位置
- jquery图像加载检查错误
- 将图像加载到织物画布背景中
- 需要在bootstrap css中单击时将图像加载为模态
- 正在显示加载..在将新图像加载到网站时播放动画
- 砖石事件:在图像加载和布局完成后调用事件