WEB网页预加载

chenglin博客 2014年2月13日 浏览 4648 回复0

使用JS实现网页的预加载,比如图片的呈现、web相册,预加载后别人查看图片不会重新缓冲,从而增强用户体验。达到秒杀的境界。

使用到的技术很简单,主要就是image 的 onload属性;

简单说几个步骤:1、获取图片路径 2、预加载图片

直接代码介绍:

是不是很简单,如果知道图片路径,就几行搞定了,我这是使用jquery自动扫描指定位置的图片属性,获取图片信息,最后组合图片路径,进行图片的预加载,查看起来很爽吧;

给个实例看看 地址 : http://www.chenglin.name/nav/
截个图先:

图片预加载

图片预加载

别忘了查看,这个实例下面 右下角 是网页背景使用了预加载技术;设置背景能够感觉到极速体验,爽~~
地址 : http://www.chenglin.name/nav/

发表评论

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

姓名
邮箱
网址