|
如何集成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
|