Dreamweaver CS5交换图像行为

“交换图像”行为通过改变<img>标签的src属性将一幅图像替换成为另外一幅图像。使用此行为可以创建鼠标经过按钮的效果以及其它图像效果，也可以一次交换多幅图像。

一、Dreamweaver CS5交换图像行为

1. 在文档中插入图像。

2. 在属性面板的“ID”文本框中输入图像的ID。

3. 重复第1步和第2步插入其它图像。

4. 选择一个要交换的图像。

5. 打开行为面板。

6. 点击“添加行为（+）”按钮，在弹出的下拉菜单中选择“交换图像”命令，如下图所示：

7. 打开“交换图像”对话框，如下图所示：

?图像：选择一个需要改变其源文件的图像。
?设定原始档为：输入新图像的文件路径和名称，或者点击“浏览”按钮选取一个新的图像文件。
?预先载入图像：选择此项可以将新图像预先加载到浏览器缓存中，防止图像延迟。

8. 在“交换图像”对话框中再设置“图像 "img1"”，如下图所示：

提示：对于所有需要更改的其它图像重复第8步即可，同时对于所有需要更改的图像都要使用相同的“交换图像”动作，就是在“交换图像”对话框中的设置都要一样，否则，相应的“恢复交换图像”动作就不能全部恢复它们。

9. 单击“确定”按钮。

10. 查看附加的事件是否是需要的事件，如下图所示：

如果不是需要的事件，可以更改事件。

提示

在交换图片时，最好使用与原始尺寸相同的图像进行交换。否则，替换的图像为了适应原图片的大小（宽度和高度）显示时会出现不必要的变形，比如被压缩或扩展。