加载图片???

lwc92008 2004-05-08 10:14:23
有一组图片(大约有50张),
如何做一个loading先将50张图片加载,
然后进入页面的时候点击编号就立即显示出图片,而不需等待加载图片(因为在前面的loading已经装载好了)。
...全文
42 2 打赏 收藏 转发到动态 举报
写回复
用AI写文章
2 条回复
切换为时间正序
请发表友善的回复…
发表回复
wanghr100 2004-05-09
  • 打赏
  • 举报
回复
<div id="bao">Loading.....</div>
<script>
var allimgs = new Array(50);
var loadedimgs = 0;
function showimg()
{
//显示所有图片.
for(var i=0;i<allimgs.length;i++)
bao.innerHTML+="<img src="+allimgs[i].src+">"
}
function addload()
{
//预载完毕后,提示.
if(++loadedimgs==allimgs.length){
bao.innerHTML="Loading OK";
showimg();
}
}
for(var i=0;i<allimgs.length;i++)
{
//预载图片
allimgs[i] = new Image();
allimgs[i].onload = addload;
allimgs[i].src = "images/"+i+".jpg";
}
</script>
龙威 2004-05-08
  • 打赏
  • 举报
回复
在loading的页面里加一个隐藏的frame,用src指向图片的页面,浏览器会将图片下载到缓存,以后点击页面浏览时速度会快一点。

87,904

社区成员

发帖
与我相关
我的任务
社区描述
Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧