javascript - 显示来自多图像（动画）GIF 文件的单个图像

Question

很简单的问题，真的。我只是不具备使用 JavaScript 执行此操作的知识，并且还无法确保它适用于（几乎）所有浏览器......
我将设计一组人用一只手指向多个方向的图像。（上、下、左、右、对角线等）基本上，这个人偶将指向鼠标的位置。为此，我想使用一个动画 GIF 文件来包含所有图像，然后根据鼠标相对于图像的位置，使用 JavaScript 将正确的图像置于前面。
不过，我对 Javascript 的了解非常有限。在我开始创建 GIF 图像之前，我想知道这是否可行，以及是否有适用于任何网络浏览器的解决方案。（当然，除非它不支持 JavaScript。）
我知道可以从 JavaScript 延迟动画 GIF，但是否也可以修改需要显示的确切图像？

Answer 1

据我所知，这是不可能的。

像这样的事情通常是使用“CSS sprites”技术完成的，其中各个阶段彼此相邻粘合成一个巨大的图像。然后该图像将用作background-image较小的元素。background-position将确定显示哪个图像。

这是否适合您将取决于您的图像是否都相同大小。它的优点是可以在所有浏览器中可靠地工作，甚至是 IE6。