第三页:时间和装载


如何集成GIF89

把GIF89包容在网页中与如何设计动画和优化文件同样重要。这种格式的一个妙处是它可以向其它任何GIF一样被处理 - 因此它可以被server push、JavaScript或dHTML控制。但是当你把动画放在页面中时要记住这种媒体的特定限制 - 不同的下载速度、CPU速度的差别等。

设置节拍

密切注意你的动画的节拍。反复试验直到得到所需的效果。快速的动画给人疯狂的感觉,慢速的动画给人戏剧感,等等。

下面是一些调整速度的方法:

让第一祯运行时间长些 - 允许整个页/动画的下载时间。我们推荐至少有2秒。记住:GifBuilder或其它任何动画GIF程序不一定反映真实的时间。测试是唯一可靠的方法。

要保护动画的颜色,设置最后一祯运行长一些 - 100秒来防止它抖动。

通过在image代码中使用<lowsrc>(<img lowsrc="animation1.gif" src="animation2.gif" border="0">),你可以先加载一个图像或动画
(animation1.gif),然后用第二幅图像代替(animation2.gif)。例如,你可以先装载故事的序幕,然后用第二个GIF说明下一场景。通过Packet Mouse/Punching Bag splash,第一个GIF89以静态开始,第二个GIF89不断循环。用户不必等一个大文件的下载,他们得到的是一个无缝的故事,而不知道其中的技巧。这种方法的缺点是第二个GIF只被缓存,所以如果用户离开这页,他们的浏览器不再认识low-source图像。


例子:Packet Punching Mouse Splash
动画制作:Judd Vetrone
媒体:GIF89
文件大小:63KB

<lowsrc>的另一个问题是:它不支持MSIE 4+。 <lowsrc>的目的并不是伪造动画。它是为了满足过去的慢速modem的要求,先快速下载一幅图,然后下载更复杂的。但是现在MSIE只为你想要的图像服务,完全跳过lower图像。如果你真想重建这样的效果,你可以用JavaScript。

多个动画

可以在页面中加载多个动画。因为modem和CPU速度差别很大,结果难以确定,所以要小心。你可以多次用相同的动画来表达更复杂的动画。这可以很大程度上减小文件的大小,而且对服务器来说,没有额外的访问。为了更有趣些,你可以使用JavaScript来改变动画装载的顺序和延迟。


例子:Too Many Rabbits
媒体:GIF89
文件大小:140KB


□ 作者:Anna McMillan and Emily Hobson

本书由“E书时空”免费制作;
想要更多的免费电子图书,请光临
http://www.eshunet.com/