jQuery图像旋转以复制动画gif

Question

我需要在jQuery中重新创建一个我拥有的动画gif，它会对图像进行排序并连续重复。

所以我有这些图片

<img src="1.png" />
<img src="2.png" />
<img src="3.png" />
<img src="4.png" />

在页面开始时无需加载任何操作。

这是如何实现的？

注意：我计划在移动设备上使用它，因此我不仅仅是直接调用gif。

提前致谢！ ：）

Answer 1

Spritely应该做到这一点。例如，将四个图像一个接一个地放在同一图像中，以它们自己的100px宽的区域为中心，使单个图像宽400px，然后：

<强> CSS

#sprite { width:100px; height:100px; background:#fff url('sprite.png') 0 0; }

<强> JS

$('#sprite').sprite({fps: 12, no_of_frames: 4});