小变大 图片巧切换

马震安

当点击不同的缩略小图后就会进行相应大图的切换，这样的效果如何实现呢？可能你在PPT或Flash中能够做出这样的效果来，但笔者要说的是，无论在PPT还是在Flash中要实现这样的效果还是有些麻烦的，不是来回来去的设置动作，就是不断的编写代码，这太费事了。笔者经过研究，发现Xcelsius 2008（水晶易表2008）不仅是制作交互式Flash动态图表的好手，而且还能用它来进行图片的相互切换。

接下来，笔者就用它制作一个小图变大图的缩略图切换效果（如图1）。

素材准备超简单

对于素材的准备，除了要显示的照片外，还需要准备一个Excel表格。这个表格的准备有两种方法，第一种方法是运行Xcelsius 2008后在任意列录入所要显示的照片的绝对路径，如d：＼tmp＼IMG_0001.JPG、d：＼tmp＼IMG_0003.JPG等，这些文件名是没有规律的；第二种就是建立一个Excel表，在任意列录入所要显示的照片的绝对路径，然后运行Xcelsius 2008，将这个表格导入到程序中。笔者在这里利用A列存放文件名，将B1单元格作为临时存放数据的单元格。为了引起读者的注意，笔者将它的填充色设置为黄色（如图2）。

部件交互巧设置

素材准备完后，就该交互式部件登场了。选择左边部件库中“选择器”下的“滑动图片菜单”部件，将其拖入到绘图区合适位置，调整其大小。右击选定这个部件，选择“属性”菜单，在右侧它的“常规”属性面板中，图像处选择“按URL”，值选择Sheet1中的A1：A10（即Sheet1！$A$1：$A$10），也就是说缩略图中的图像文件是所选单元格中的值；在数据插入处，插入类型选择“值”，源数据选择Sheet1中的A1：A10（即Sheet1！$A$1：$A$10），目标选择Sheet1中的B1（即Sheet1！$B$1），意思就是说当点击部件中的任意缩略图时，单元格A1：A10中对应单元格的值就会赋给B1单元格（如图3）。

在“行为”属性的“常用”面板中，选定条目处，条目设置为“缩略图1”。在“外观”属性的“文本”面板中，显示处去掉标签，即不显示标签。当然，也可以使用外观属性中的其他设置来使部件更加漂亮。

缩略图部件基本上就算设置完成了，接下来就是大图的显示设置了。在部件库的“选择器”中拖动“鱼眼图片菜单”到绘图区合适位置。在它的“常规”属性面板中，图像处选择“按URL”，值选择Sheet1中的B1（即Sheet1！$B$1），也就是说部件的图像文件是B1单元格的值；在“行为”属性的“常用”面板中，缩放大小和缩放速度都调到最小；在“外观”属性的“布局”面板中，图像处的大小调整方法选择“拉伸”，宽度和高度都设置为200，当然这大小可以根据需要进行设置；在“文本”面板中，显示处去掉标签，即不显示标签。

这些都设置完成后，预览一下，如果没有问题，最主要的操作就算完成了。当然，为了美观，可以拖入一个“饰图和背景”类中的“背景”部件，调整其大小，利用对象浏览器面板将其置于最底层。最后，利用“文件/导出”菜单导出生成SWF格式的文件就可以了。