在jquery.lazyload.js中学习了图片懒加载技术:图片尽可能的延迟加载,直到图片出现在可视范围内或者一定距离之间。下面学习一下图片预加载。图片预加载是一种与图片懒加载技术实现相反功能的技术,其是在要用到图片之前已把图片加载好的技术
一、图片预加载是什么
图片预加载是一种技术,在需要用到图片前的一段时间内已经加载好图片的技术。
二、图片预加载的背景
比如在做图片轮播时,为了让图片轮播时不出现等待图片加载的情况,需要先下载图片到本地然后再执行之后的操作。
三、图片预加载的实现
如果把图片预加载放在document.ready中处理时,当页面加载时就会告诉浏览器去加载指定图片,这样可能会出现页面一直等待图片加载的现象。所以一般不把其放在document.ready中处理,而是在要用到图片前一段时间进行预加载。
实现依赖于图片onload事件,在onload的回调里进行操作。
图片onload事件在文章图片onload事件中有介绍。
-
近期文章
近期评论
- VaveParo发表在《2017.0922心得》
- boom beach مهكرة发表在《使用javascript控制Flash视频的播放》
- 跨域相关原理及解决办法 | 熊二的技术博客发表在《不同跨域方法的比较》
- 熊二的技术博客发表在《js面向对象设计》
- herbert发表在《javascript图片对象》
文章归档
分类目录
功能
标签