图像操作类行为用于控制图像在网页中的动态效果,利用它可使网页更漂亮、美观更具表现力。
1.预先载入图像
使用“预先载入图像”动作,可让浏览器下载尚未在网页中显示但应该显示的图像。浏览器将其保存在本地缓存中, 这样可以防止当图像应该出现时由于下载缓慢而导致延迟。
要使用“预先载入图像”动作,应先选择一个图像,然后打开‘行为”面板,单击“添加行为”按钮,从弹出的下拉菜单中选择“预先载入图像”选项,弹出“预先载入图像”对话框。在该对话框的“图像源文件”文本框中指定图像文件。
在输入下一个图像之前应单击加号按钮,将图像添加到“预先载入图像”列表中。反之要删除某个选定图像,单击减号按钮即可。
2.交换图像
“交换图像”动作是通过更改<img>标记的src属性值来动态改变图像的。利用该动作可以将一个图像和另一个图像进行交换,并创建鼠标经过图像和翻转图像效果,还可以实现一次交换多个图像的效果。
要使用“交换图像”动作,可先在文档中插入一幅图像,然后打开“属性”面板,并在其中命名该图像。
选定该图像,打开“行为”面板,单击“添加行为”按钮,从弹出的下拉菜单中选择“交换图像”选项。在弹出的“交换图像”对话框中的“图像”列表中选择原始图像,然后在“设定原始档为”文本框中指定替换后的图像文件即可。
3.恢复交换图像
“恢复交换图像”动作与“交换图像”动作相对应,使用“恢复交换图像”动作可以将所有被替换显示的图像恢复为原始图像。通常情况下,当设置替换图像时,将会自动添加替换图像恢复动作,实现了当鼠标指针离开对象时自动恢复原始图像的效果。
在所示的“恢复交换图像”对话框中,单击“确定”按钮即可为对象附加恢复交换图像”行为。
4.设置导航栏图像
利用“设置导航栏图像”动作可以对导航条的图像进行编辑,并且可对图像状态进行更多的控制。
要使用“设置导航栏图像”动作,可先选择导航条中要编辑的图像,然后打开“行为”面板,单击“添加行为”按钮,从弹出的下拉菜单中选择“设置导航栏图像”选项,在弹出的“设置导航栏图像”对话框中单击“基本”选项卡。
利用该对话框创建可更新导航条图像或图像组,或者更改当单击导航条按钮时显示的URL。
缺省情况下,单击导航条中的一个元素将使导航条中的所有其他元素自动返回到它们的一般状态。若希望将某个图像在所选图像处于按下状态或鼠标滑过状态时设置为不同的状态,则使用“设置导航栏图像”对话框的“高级”选项卡,根据当前按钮的状态更改文档中其他图像的状态。