jquery - 如何使用 jQuery 对 PNG 序列进行动画处理(通过滚动或触发动画)

Question

已关闭。此问题不符合 Stack Overflow guidelines 。目前不接受答案。

---

已关闭 9 年前。

• 编辑问题以包含 desired behavior, a specific problem or error, and the shortest code necessary to reproduce the problem 。这将有助于其他人回答问题。
• 要求我们推荐或查找工具、库或最喜欢的场外资源的问题对于 Stack Overflow 来说是偏离主题的，因为它们往往会吸引固执己见的答案和垃圾邮件。相反，describe the problem以及迄今为止已采取哪些措施来解决该问题。

Improve this question

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

动画示例(多个div) http://atanaiplus.cz/index_en.html :

动画示例(一个 div): http://www.hyundai-veloster.eu/

滚动动画示例: http://discover.store.sony.com/tablet/#design/ergonomics

Answer 1

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

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

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

更新

或者使用 plugin