社区
JavaScript
帖子详情
加载图片???
lwc92008
2004-05-08 10:14:23
有一组图片(大约有50张),
如何做一个loading先将50张图片加载,
然后进入页面的时候点击编号就立即显示出图片,而不需等待加载图片(因为在前面的loading已经装载好了)。
...全文
42
2
打赏
收藏
加载图片???
有一组图片(大约有50张), 如何做一个loading先将50张图片加载, 然后进入页面的时候点击编号就立即显示出图片,而不需等待加载图片(因为在前面的loading已经装载好了)。
复制链接
扫一扫
分享
转发到动态
举报
写回复
配置赞助广告
用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指向图片的页面,浏览器会将图片下载到缓存,以后点击页面浏览时速度会快一点。
Android 如何判断后台返回的
图片
地址是否
加载
成功?
在项目实战中,有需求对
图片
做...作为移动开发,我们无法确认
图片
什么时候
加载
成功?什么时候
加载
失败? 这里优化很简单,无非就是
加载
成功就显示
图片
;如果
加载
失败,给它设置一张默认照片 ImageView image; if (vie.
JS中如何检测img
图片
加载
完成?
JS中如何检测img
图片
加载
完成? 在
图片
比较多的网页,
图片
加载
会需要一定的时间, 那有些效果可能需要在
图片
加载
完成的时候做。 那么, 在js中如何判断img
图片
加载
完成呢? 想到
加载
动作, 自然想到img...
图片
的懒
加载
和预
加载
?
图片
的懒
加载
和
图片
的预
加载
都是前端性能优化的一个方案,当然可能存在不同的应用场景,下面我们将总结一下这两个方案。 二、
图片
懒
加载
图片
的懒
加载
是什么?
图片
的懒
加载
指的是在长网页中延迟
加载
图像,是一种很...
什么事
图片
懒
加载
?如何实现
图片
懒
加载
?
图片
懒
加载
是指在网页中,当用户滚动页面时才
加载
图片
的一种技术。相对于传统的
图片
加载
方式,懒
加载
可以减少初始页面的
加载
时间,提高网站的响应速度。尤其对于移动设备和网络条件较差的用户,懒
加载
可以显著地提高...
为啥要实现懒
加载
??好处是什么?
图片
懒
加载
的原理??
比如一个页面中有很多
图片
,如淘宝、京东首页等等,如果一上来就发送这么多请求,页面
加载
就会很漫长,如果js文件都放在了文档的底部,恰巧页面的头部又依赖这个js文件,那就不好办了。更为要命的是:一上来就发送百...
JavaScript
87,904
社区成员
224,614
社区内容
发帖
与我相关
我的任务
JavaScript
Web 开发 JavaScript
复制链接
扫一扫
分享
社区描述
Web 开发 JavaScript
社区管理员
加入社区
获取链接或二维码
近7日
近30日
至今
加载中
查看更多榜单
社区公告
暂无公告
试试用AI创作助手写篇文章吧
+ 用AI写文章