jquery - 如何使用 jQuery 为 PNG 序列制作动画（通过滚动或触发动画）

Question

我越来越多地看到一种效果，即 png 被加载到一系列 DIV（或一个 div）中，然后基于按钮单击或基于滚动逐帧排序。我试图查看代码，我知道 javascript 正在做繁重的工作，但我还是有点迷茫，有没有关于这种技术的教程？例子？

score 9 · Accepted Answer

您只想使用 setInterval 计时器换出 src 属性

var myAnim = setInterval(function(){
  $(".myImageHolder").attr('src', nextImage);
}, 42);

诀窍是如何生成nextImage. 这在很大程度上取决于图像的命名约定，或者您希望动画运行的方向

更新

或者使用插件

score 1 · Accepted Answer

也许不是在不同的图像之间切换，而是使用这个问题中描述的精灵技术：如何使用 javascript 从 PNG 图像显示动画图像？[ 像 gmail ]

2 回答 2