第四页：
预装图象 - 怎么做?
预装入图象其实并不困难。你要做的就是创建一个新的
image
对象，然后把要预装的图象名设定成
image
的
src
属性，如下
所示：
var an_image = new Image();
an_image.src = "my_nice_image.gif";
通过设置
image
的
src
属性就可以自动地把图象下载到你的硬
盘里（当然假设你的
cache
可以用），然后图象变换时就从
硬盘直接读入图象而不用再去下载了。
试着把鼠标放在下面的几个链接上，图象变换应该相当快捷
和令人满意的。
1...
2...
3...
剩下要做的唯一一件事就是，怎样在页面被下载以后和图象
变换操作之前使预装图象发生。让人愉快的是这很简单。
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()
函数创建了需要预装的图象名的数组，并把数组
作为参数传送到
preloadImages()
函数
,
preloadImages()
函数包
含了一个循环，每次循环都创建一个新的图象对象，并把图象
名设到它的
src
属性中。
不很难吧？图象对象相当有用对吧？我很高兴你这样想，休息
一会儿，马上我们就要进入一个更令人兴奋，更让人动脑筋的
话题：创建你自己的对象。
>>
|
JavaScript高级教程
第一页
JavaScript
高级教程
-
第
4
天
第二页
图象映射与
JavaScript
第三页
预装图象 -
是什么
?
第四页
预装图象 - 怎么做?
第五页
对象的优点
第六页
创建你自己的对象
第七页
你的面向对象的虚拟宠物
第八页
计算字符串
第九页
获取难以索引的对象
第十页
另一种获取难以索引的对象的手段
第十一页
第四天课程复习
[
第1课
][
第2课
][
第3课
][第4课][
第5课
]
|