图片预加载

jquery.lazyload.js中学习了图片懒加载技术:图片尽可能的延迟加载,直到图片出现在可视范围内或者一定距离之间。下面学习一下图片预加载。图片预加载是一种与图片懒加载技术实现相反功能的技术,其是在要用到图片之前已把图片加载好的技术
一、图片预加载是什么
图片预加载是一种技术,在需要用到图片前的一段时间内已经加载好图片的技术。
二、图片预加载的背景
比如在做图片轮播时,为了让图片轮播时不出现等待图片加载的情况,需要先下载图片到本地然后再执行之后的操作。
三、图片预加载的实现
如果把图片预加载放在document.ready中处理时,当页面加载时就会告诉浏览器去加载指定图片,这样可能会出现页面一直等待图片加载的现象。所以一般不把其放在document.ready中处理,而是在要用到图片前一段时间进行预加载。
实现依赖于图片onload事件,在onload的回调里进行操作。
图片onload事件在文章图片onload事件中有介绍。

此条目发表在未分类分类目录,贴了标签。将固定链接加入收藏夹。

发表评论

邮箱地址不会被公开。 必填项已用*标注