使用Dreamweaver CS3预载入图像加速图片的显示速度
- 2022-02-02
- 来源/作者： adobe-dreamweaver.cn / adobe-dr…
- 3 次浏览
时，常常因为网页中的图片文件过大而使下载时间较长，这样还没有下载完，就会有许多浏览者不耐烦地拂袖而去，从而损失了客户流。但要使图片文件变小，可能又要以牺牲图片质量为代价，这样势必使网页吸引力下降，同样不能使网页制作人员满意。
怎样才能做到既有精美的图片，又不使下载时间过长呢？这可以通过调用Dreamweaver 中的预先载入图象动作来实现，它可以把尺寸较大的图片预先载入到浏览器的高速缓冲存储器文件中，这可以防止下载图片延时。下面结合实例来介绍给朋友们：
1，运行Dreamweaver应用程序，并导入一张图片。当然这张图片就是需要预先下载的图片，其字节容量还是比较大的。（注意：对于网页中的每张图片没必要都去处理成预先下载，建议只针对文件较大的图片）
2. 选中图片，Shift+F3打开[行为]标签，在此面板中，点击“增加事件”按钮，出现下拉菜单，如图所示。
怎样才能做到既有精美的图片，又不使下载时间过长呢？这可以通过调用Dreamweaver 中的预先载入图象动作来实现，它可以把尺寸较大的图片预先载入到浏览器的高速缓冲存储器文件中，这可以防止下载图片延时。下面结合实例来介绍给朋友们：
1，运行Dreamweaver应用程序，并导入一张图片。当然这张图片就是需要预先下载的图片，其字节容量还是比较大的。（注意：对于网页中的每张图片没必要都去处理成预先下载，建议只针对文件较大的图片）
2. 选中图片，Shift+F3打开[行为]标签，在此面板中，点击“增加事件”按钮，出现下拉菜单，如图所示。
3. 在菜单中单击“预先载入图像”命令，在出现的对话框中，单击浏览按钮，选择刚载入的图片文件，然后单击“确定”。
这样就设置好了欲下载的图片，在浏览器中下载此图片时就会大大提高速度了。
其实分析DW所产生的代码：一个Javascript自定义函数，一个函数的带实际参数的应用来看，还是很好理解的。
就是预先载入图象，提前提取、预先下载网页文档的图象嘛
再看应用的：
也就当图象装载时显示预先下载的该图象。
