图片预加载

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

[code=”html”]
< !DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”>?
http://www.w3.org/1999/xhtml”>?
?
?
一个图片预加载?
?
?
?

?

?

图片看过一次后清除缓存再玩, 没有缓存的情况下, 可以看到加载下张图片的状态;

?
&lt;- Click?
?
?

[/code]?

查看demo:https://www.html.cn/demo/load-img/load-img.html

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

赞(0) 打赏
未经允许不得转载:WEB前端开发 » 图片预加载

评论 5

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

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

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

    你自己换几个图片可以吗

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

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

    document.getElementById(”log”).innerHTML = “下一副的ID是” + imgId + ”;图片的地址是” + imglist[imgId];

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

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

    请您联系我,QQ:148246293

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

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

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

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

联系我们

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

支付宝扫一扫打赏

微信扫一扫打赏