接下来的一周明河将详解如何使用actionscript3.0构建一个异步加载图片的画廊，这篇教程比较长，将拆分成几篇发布。明河对actionscript3.0并不熟悉，也是属于菜鸟级别，文章如有出现错误，欢迎指正，谢谢。

还是先来看效果

• 点此下载

如果你对示例中的效果感兴趣，想要学习如何制作这样的画廊，请看下文。
（示例包中明河删掉了swf文件，因为实在太大，高达5M，可能是嵌入字体的缘故，明河空间流量有限制，请自行打开fla生成swf，不便处，请谅解。）
此画廊作者为Ben Merckx，原英文教程请点此。作者在代码里面没加半句注释，令人费解。明河按照该教程重新写了一遍，同时加上了详备中文注释，具体请看示例代码。明河英文不好，故接下来按照自己的理解来写教程，会与原文有差异（代码也会有差异）。

准备篇

1、明河用的开发IDE为：flash cs5

flash cs5已经有中文版了，明河试用了一周，还是非常稳定，没出现什么问题。
请将IDE切换为开发人员布局，此教程无需用到时间轴。

2、最好具备以下知识

• 懂的flash基本操作
• 了解或熟悉actionscript3.0的语法（尤其是面向对象的特性）
• 了解actionscript3.0读取和解析xml

3、创建主文档

在你的测试服务器下建立一个名为gallery文件夹。
同时创建个”gallery”项目指向gallery文件夹

在项目下创建个gallery.fla，舞台大小为600*450，背景颜色会灰色。

4、创建文档类

这里明河先在项目文件夹下创建一个“lib”文件夹，用于存放as代码。

接下来，将不断充实这个文档类，直到完成画廊效果。

5、创建滑动条、滑动块和计数器

关于如何制作滑动条、滑动块不在本文讨论之列，有兴趣且懂ps的朋友，做出这样的效果应该不难，这里可直接从明河的示例包中将其上这几个元件复制过来，排成跟示例类似的布局即可。
留意滑动块元件（即handle元件）也绑定一个文档类lib. Handle（自行创建）。
准备工作到此差不多了，下一期教程将进入真正的实战部分，如何让滑动块随鼠标移动。