javascript - 显示多图像(动画)GIF 文件中的单个图像

Question

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

Answer 1

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

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

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