JavaScript高级教程 - 第四课
Thau
教程JavaScript
网站设计
HTML
JavaScript
样式表
动态HTML
XML
图形与字体
多媒体
Java
后端编程
浏览器
电子商务
其它资源
Web 入门
软件下载

第四页:预装图象 - 怎么做?
预装入图象其实并不困难。你要做的就是创建一个新的image
对象,然后把要预装的图象名设定成imagesrc属性,如下
所示:
var an_image = new Image();
an_image.src = "my_nice_image.gif";

通过设置imagesrc属性就可以自动地把图象下载到你的硬
盘里(当然假设你的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.所有,任何单位或个人未经许可,不得擅自转载使用。 搜狐公司制作完成。