方法一:
复制代码 代码如下:
<script type=”text/javascript”>
var obj = new Image();
obj.src = “yourpicurl.jpg”;
obj.onload = function() { //这个地方可以重复写入,如果错误的话,换到外面即可
document.getElementById(”mypic”).innnerHTML = “<img src='”+this.src+”‘ />”;
}
</script>
<div id=”mypic”>onloading……</div>
方法二:
复制代码 代码如下:
<script type=”text/javascript”>
var obj = new Image();
obj.src = “yourpicurl.jpg”;
obj.onreadystatechange = function() {
if ( this.readyState == “complete”) { //这个地方可以重复写入,如果错误的话,换到外面即可
document.getElementById(”mypic”).innnerHTML = “<img src='”+this.src+”‘ />”;
}
}
</script>
<div id=”mypic”>onloading……</div>
方法三:
复制代码 代码如下:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
</head>
<script language="javascript" src="/UploadFiles/2021-04-02/jquery-1.4.4.js"></script>
<script language="javascript" type="text/javascript">
<!--//var total;var curt = 0;$(document).ready(function()
{
total = $("#content img").length;
$("#content img").each(function(){ var image = new Image();
image.src = $(this).attr('src');
if (image.complete){
imageLoaded();
}
else{
image.onload = imageLoaded;
}
});
});
function imageLoaded(){
curt+=1;
if(curt==total){
$("#content").show();
}}//-->
</script>
</head>
<body>
<div id="content" style="display:none;" >
<img src="/UploadFiles/2021-04-02/"><img src=""><img src=""></div>
</body>
</html>
复制代码 代码如下:
<script type=”text/javascript”>
var obj = new Image();
obj.src = “yourpicurl.jpg”;
obj.onload = function() { //这个地方可以重复写入,如果错误的话,换到外面即可
document.getElementById(”mypic”).innnerHTML = “<img src='”+this.src+”‘ />”;
}
</script>
<div id=”mypic”>onloading……</div>
方法二:
复制代码 代码如下:
<script type=”text/javascript”>
var obj = new Image();
obj.src = “yourpicurl.jpg”;
obj.onreadystatechange = function() {
if ( this.readyState == “complete”) { //这个地方可以重复写入,如果错误的话,换到外面即可
document.getElementById(”mypic”).innnerHTML = “<img src='”+this.src+”‘ />”;
}
}
</script>
<div id=”mypic”>onloading……</div>
方法三:
复制代码 代码如下:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
</head>
<script language="javascript" src="/UploadFiles/2021-04-02/jquery-1.4.4.js"></script>
<script language="javascript" type="text/javascript">
<!--//var total;var curt = 0;$(document).ready(function()
{
total = $("#content img").length;
$("#content img").each(function(){ var image = new Image();
image.src = $(this).attr('src');
if (image.complete){
imageLoaded();
}
else{
image.onload = imageLoaded;
}
});
});
function imageLoaded(){
curt+=1;
if(curt==total){
$("#content").show();
}}//-->
</script>
</head>
<body>
<div id="content" style="display:none;" >
<img src="/UploadFiles/2021-04-02/"><img src=""><img src=""></div>
</body>
</html>
标签:
load,加载
免责声明:本站文章均来自网站采集或用户投稿,网站不提供任何软件下载或自行开发的软件!
如有用户或公司发现本站内容信息存在侵权行为,请邮件告知! 858582#qq.com
暂无“多种方法实现load加载完成后把图片一次性显示出来”评论...
更新动态
2024年09月27日
2024年09月27日
- 张学友.1999-有个人【宝丽金】【WAV+CUE】
- 纯音入心系列纯音乐《古筝佛曲》1CD[MP3][411.1MB]
- 纯音入心系列纯音乐《古筝世界名曲》1CD[MP3][38.9MB]
- 纯音入心系列纯音乐《古筝新奏-菩提妙音》1CD[MP3][112.3MB]
- 陈思安.1993-怀念福建金曲5CD【歌丽美】【WAV+CUE】
- 张学友.1999-有个人【宝丽金】【WAV+CUE】
- 许美静.1999-快乐无罪【上华】【WAV+CUE】
- 群星.2024-Jambo.Medley(BEYOND40周年·致敬2)【Kinns】【FLAC分轨】
- 林翠萍.1991-舞曲世界2辑【星河】【WAV+CUE】
- 关智斌.2007-In.Progress【英皇娱乐】【FLAC分轨】
- 群星.2000-电影主题曲原声带·琼瑶的世界【歌林】【WAV+CUE】
- 范世錡.2024-錡妙夜(EP)【天娱传媒】【FLAC分轨】
- 谭咏麟.2000-魅力千禧演唱会2CD(2024环球红馆40复刻系列)【环球】【WAV+CUE】
- 纯音入心系列纯音乐《器乐古筝》1CD[MP3][239MB]
- 纯音入心系列纯音乐《华夏民乐之古筝篇》1CD[MP3][192MB]