<万博manbetx平台> 图片预加载-万博manbetx平台 ? ? ? ? 一个图片预加载? ? ? ? ">

图片预加载

图片预加载技术是为了提高页面性能,改善用户体验,就是将图片预先加载到客户端上。

[code=”万博manbetx平台”]
< !DOCTYPE 万博manbetx平台 PUBLIC "-//W3C//DTD X万博manbetx平台 1.0 Transitional//EN" "",?? ??????????????????????? "https://www.762w6o.com/ad/ad/02.jpg",?? ??????????????????????? "https://www.762w6o.com/ad/ad/03.jpg",?? ??????????????????????? "https://www.762w6o.com/ad/ad/04.jpg",?? ??????????????????????? "https://www.762w6o.com/ad/ad/05.jpg",?? ??????????????????????? "https://www.762w6o.com/ad/ad/06.jpg",?? ??????????????????????? "https://www.762w6o.com/ad/ad/07.jpg",?? ??????????????????????? "https://www.762w6o.com/ad/ad/08.jpg",?? ??????????????????????? "https://www.762w6o.com/ad/ad/09.jpg",?? ??????????????????????? "https://www.762w6o.com/ad/ad/10.jpg");?? var imgId=0;?? var img=new Image();?? function loadImg(){?? ??? document.getElementById("log").inner万博manbetx平台 ="下一副的ID是" + imgId + ";图片的地址是" + imglist[imgId];?? ??? document.getElementById("showImg").src=imglist[imgId];?? ??? imgId=imgId>=imglist.length-1?0:imgId+1;?? ??? img.src=imglist[imgId];?? ??? img.onload=function(){?? ??????? document.getElementById("reday").inner万博manbetx平台="下一张图片加载完成";?? ??? }?? }?? // 显示图片 同时 预加载下一幅?? function setImg(obj){?? ? // 显示图片?? ? obj.src = img.src;?? ? // 加载下一张?? ? loadImg();?? ? document.getElementById("reday").inner万博manbetx平台="下一张图片正在加载";?? }?? loadImg();?? ? ?
?

[/code]?

查看demo:https://www.762w6o.com/demo/load-img/load-img.万博manbetx平台

相关阅读:《Google的两个图片预加载技术》

赞(0) 打赏
未经允许不得转载:万博manbetx平台 » 图片预加载

评论 5

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址
  1. #-49

    汗。博主,这能用吗?图片怎么都不显示呢?

    chivasm210年前 (2009-04-12)回复
  2. #-48

    你自己换几个图片可以吗

    10年前 (2009-04-12)回复
  3. #-47

    我换了,但还是没有显示。好需要这个啊,博主,教下我~

    document.getElementById(”log”).inner万博manbetx平台 = “下一副的ID是” + imgId + ”;图片的地址是” + imglist[imgId];

    还需要改动这里吗?那10张图片我都换了,但还是现实红X的。
    还有的是,在遨游下出现了一个脚本错误,火狐正常单没图,点击也没反应。

    10年前 (2009-04-12)回复
  4. #-46

    请您联系我,QQ:148246293

    10年前 (2009-04-12)回复
  5. #-45

    文章不错,图片预加载的确能很好得改善用户体验。想请教下该如何返回上一张图片

    10年前 (2009-05-01)回复

前端开发相关广告投放 更专业 更精准

联系我们

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏