Fireworks切片的交互性应用

切片最初的应用是将影响网页显示时间的大型图片切割成不同的几个部分以便于数据传输。随着Fireworks版本的升高，切片就成为了创建交互性网页的一个基本方法，现在利用切片就可以实现交互功能。下面就来介绍一下切片在网页中的交互性应用。

小知识：切片就是将图像切成很多不同的部分，它是一种网页对象，不是以图像形式存在，而是以HTML代码的形式出现。Photoshop也有切片功能，但相比网页制作工具Fireworks来说，无论在操作上和功能上都有一定的差距。

一、创建切片

开启Fireworks MX 2004，打开需要进行切片的图片，在主窗口中选择“编辑→插入→切片”或者直接使用工具栏中的“切片”按钮在图片上拖动绘制矩形切片(图1)，如果对切片的形状不满意，可以通过移动切片引导线来调整矩形切片对象的大小。

提示：如果需要绘制非矩形切片，可以在切片按钮中选择“多边形切片”工具。特别注意非矩形切片不可调整大小。

二、交互性应用　　1.添加简单变换图像行为

简单变换图像是在当前切片正下方的帧中进行交换，只涉及一个切片，可以应用在网页按钮上。首先选择切片，用鼠标拖动切片中央的行为手柄移动到此切片的任意位置，松开鼠标后会弹出“交换图像”的对话窗口，我们可以选择“帧2”(帧1就是切片本身)，然后在帧面板中创建一个用于交换图像的“帧2”，也可以单击“交换图像”窗口中的“更多选项”按钮，选择一个“图像文件”用于交换(图2)，完成设置后，按“F12”键来预览效果。

　　2.创建不相交变换图像

当指针在一个切片上方滑过时，不相交变换的图像会交换另一个切片对象的图像。它与简单交换图像惟一不同的是将切片的行为手柄拖动到另一个切片的位置。