html 图片很多的情况下，怎样实现先打开页面，再慢慢加载？ 30
用html做的手机app。有个单纯的图文页面，大概40张图片，地址都是链接网络图片。手机wifi情况下，点击7~8秒再打开，手机3g信号打开就更慢了。就是想实现页面马上就...
用html做的手机app。有个单纯的图文页面，大概40张图片，地址都是链接网络图片。手机wifi情况下，点击7~8秒再打开，手机3g信号打开就更慢了。就是想实现页面马上就能打开，图片一张一张加载。或者先打开，显示“加载中”，然后全部加载完毕再显示图文。求高手帮我写个样板 呗
展开
展开全部
<!DOCTYPE HTML>
<html>
<head>
<title>Page Title</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<script>
onload = function() {
var imgs = document.querySelectorAll("img");
console.log("加载中...");
for (var i = 0; i < imgs.length; i++) {
var img = imgs[i];
(function(i) {
setTimeout(function() {
img.src = "a" + i + ".jpg";
img.onload = function(){
if(i == imgs.length - 1){
console.info("加载完毕");
}
}
img.onerror = function(){
console.error("加载错误");
}
}, 2000 * i);
})(i);
}
}
</script>
</head>
<body>
<img />
<img />
<img />
<img />
</body>
</html>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
可以用懒加载的方式加载图片，先加载出HTML来，再加载图片，推荐用jquery.lazyload这个插件，可以实现图片的懒加载
本回答被网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
