理论教育 DreamweaverCS6预载入图像实例

DreamweaverCS6预载入图像实例

时间:2023-10-29 理论教育 版权反馈
【摘要】:使用“预先载入图像”动作的步骤如下:选择一个对象,并打开“行为”面板。图7-20 “预先载入图像”对话框单击“浏览”按钮选择要预先载入的图像文件,或在“图像源文件”文本框中输入图像的路径和文件名。“交换图像”动作自动预先载入在“交换图像”对话框中选择“预先载入图像”选项时所有高亮显示的图像,因此当使用“交换图像”时不需要手动添加要预先载入的图像。

DreamweaverCS6预载入图像实例

经常在网上浏览的用户,如果使用的是一般的Modem上网,感受最深的当然是显示图像时的漫长等待。利用Dreamweaver CS6自带的“预先载入图像”动作,可以使图像的下载时间明显加快。因为它已经将不立即出现在页面上的图像(例如那些将通过行为或JavaScript换入的图像)载入浏览器缓存中,可以有效地防止当图像该出现时由于下载速度导致的延迟。这样可以大大提高网站的访问量

使用“预先载入图像”动作的步骤如下:

(1)选择一个对象,并打开“行为”面板。

(2)单击“行为”面板上的“添加行为”按钮978-7-111-40982-3-Chapter07-61.jpg,并从动作弹出式菜单中执行“预先载入图像”命令,弹出“预先载入图像”对话框,如图7-20所示。

978-7-111-40982-3-Chapter07-62.jpg

图7-20 “预先载入图像”对话框

(3)单击“浏览”按钮选择要预先载入的图像文件,或在“图像源文件”文本框中输入图像的路径和文件名。(www.daowen.com)

(4)单击对话框顶部的“添加项”按钮978-7-111-40982-3-Chapter07-63.jpg将图像添加到“预先载入图像”列表中。

(5)对所有剩下的要预先载入当前页的图像重复第3步和第4步。

(6)若要从“预先载入图像”列表中删除某个图像,请在列表中选择该图像,然后单击“删除项”按钮978-7-111-40982-3-Chapter07-64.jpg

(7)单击“确定”按钮,然后为行为选择所需的事件。

如果在输入下一个图像之前没有单击加号按钮,则列表中上次选择的图像将被“图像源文件”文本框中新输入的图像替换。

“交换图像”动作自动预先载入在“交换图像”对话框中选择“预先载入图像”选项时所有高亮显示的图像,因此当使用“交换图像”时不需要手动添加要预先载入的图像。

免责声明:以上内容源自网络,版权归原作者所有,如有侵犯您的原创版权请告知,我们将尽快删除相关内容。

我要反馈