半路出家，自己摸索，知识不成系统，有些可能非常简单的问题也处理得磕磕绊绊的，求指教。
基本问题：
比如我在页面上放了一个只播放一次的gif，然后需要根据事件触发重新播放的功能。目前知道的重新播放的方法（没有使用gif控制器等第三方的东东），是直接在js里用Img对象的.src="xxx.gif"这种方式。出现的问题是：当gif加载过于频繁或者过多时，偶尔会有播放不成功的情况，大概与机器本身的性能有关。
这一问题怎么解决呢？
如果用gif预加载的方法，似乎是没办法重新播放的；
之前考虑过不用gif，直接在js里切换序列帧，但是一秒切24次是不现实的；
不能用swf或者其它格式，因为需要透明背景。

这个问题有什么解决方案吗？

进一步的问题：
canves动画的性能如何，一秒绘制24帧，可行吗？
是不是要考虑在js中用线程来处理？

另外我这个思路是不是方向本身就不对，不应该这么做？

求指教！
--
FROM 140.207.146.*