首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 平面设计 > 图形图像 >

施用Image将图片加载进浏览器缓存中

2012-10-31 
使用Image将图片加载进浏览器缓存中加入提交的时候显示一张图片, 是一个请稍后的图片,但是本身图片大小很

使用Image将图片加载进浏览器缓存中

加入提交的时候显示一张图片, 是一个请稍后的图片,但是本身图片大小很大,在onclick事件中更换背景图片,会导致下载文件,而可能文件没有下载完成的时候提交的动作已经完成了,所以我们可以使用Image对象,将图片首先加载到浏览器的缓存里,其构造方法如下

?

?

var img = new Image(width , height);

//其中width和height是可以选择的属性,表示的是图片的宽度和高度

?

img.src = 'http://www.google.cn/logo.gif';

?

然后再更换提交按钮的时候,就会从缓存中加载这张图片了。

?

?

?

document.getElementById('submit').onclick =? function() {

?????? document.getElementById('loading').style.backgroundImage = 'url(http://www.google.cn/logo.gif)';

};

?

热点排行