显示多图像（动画）GIF文件中的单个图像

Question

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

Answer 1

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

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

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