网站制作学习网JS脚本→正文:预载入图象
字体:

预载入图象

JS脚本 2009/11/8 19:24:43  点击:不统计

预装图象,什么是预装图象呢,如果你的连接速度较慢,而你要调入的是一个相当大的图象的话,那图下载下来很慢,你只好去等待,由于有的浏览器要求
被调入的图象必须保存在缓冲区里,所以有时你可能根本就看不到图象变换的效果。为了避免这些烦心的问题,我们可以把要变换的图象在页面调入时就预先装
入。 这就是谷歌百度常用的图像预载入
www.forasp.cn
预装入图象其实并不困难。你要做的就是创建一个新的image对象,然后把要预装的图象名设定成imagesrc属性,如下所示:
var an_image = new Image();
an_image.src = "my_nice_image.gif";

通过设置imagesrc属性就可以自动地把图象下载到你的硬盘里(当然假设你的cache可以用),然后图象变换时就从硬盘直接读入图象而不用再去下载了。
剩下要做的唯一一件事就是,怎样在页面被下载以后和图象变换操作之前使预装图象发生。让人愉快的for是asp这.cn很简单。HTML中的body标记有一个事件处理器叫onLoad,当页面被调入后它将被调用。如果你的body标记是这样的:网站制作学习网
<body onLoad="doPreload();">
也可以通过其他事件来调用。
那么doPreload()函数将在网页下载后被调用。函数的代码是这样的:
function doPreload()
{
var the_images = new Array('kwmatt.jpg','matbon.jpg','lunchMat.jpg');
preloadImages(the_images);
}
function preloadImages(the_images_array) {
for(loop = 0; loop < the_images_array.length; loop++)
{var an_image = new Image();
an_image.src = the_images_array[loop];
}
}
doPreload()函数创建了需要预装的forasp图象名的数组,并把www.forasp.cn数组作为参数传送到preloadImages()函数, preloadImages()函数包含了一个循环,每次循环都创建一个新的图象对象,并把图象名设到它的src属性中。

·上一篇:水平无缝滚动 >>    ·下一篇:仿当当下拉文件 >>
推荐文章
最新文章