JavaScript·JavaScript高级教程 -- 追寻梦想＞编程乐园

JavaScript高级教程 - 第四课

作者： Thau

第四页：预装图象 - 怎么做?

预装入图象其实并不困难。你要做的就是创建一个新的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课]

来源： Wired Digital Inc.