作者：牧山道人
原文地址：https://www.seeksunslowly.com/js-play-pictures-animation-sc
转载请注明出处，谢谢。
_____________________________________

背景
不会做 Flash，不会做 GIF，或会做 GIF 但不满足于它的清晰度及文件尺寸（太大）。
这时，可以考虑一个简单的动画实现方案——使用 JavaScript 循环播放你准备好的图片，借以变向实现动画功能。

废话少说，直接看代码：
1、图片 HTML 代码
[cc lang=”html”]

[/cc]

注意，name=”playPictures” 很关键，一定要跟以下 js 代码引用物件名吻合。

2、循环播放图片以实现动画功能的 JavaScript 代码
[cc lang=”javascript”]

[/cc]

注意：一般情况下仅需修改指定各图片路径给 pic 数组这段代码即可，上述代码注释中已有强调。

3、激活动画功能的 HTML 代码
[cc lang=”html”]

[/cc]

即，在加载页面内容时，调用 JavaScript 图片循环播放功能。

【赞赏 / Reward】