图片切换动画,修改src会重复发请求,求解决方案

我今天看到b站的首页头部有个移动模糊的效果,就自己尝试模仿了一下。
最后效果 Demo

但是这个小人的眨眼几张图片的切换我是用的更改 imgsrc 实现的,由于这个切换一直用定时器循环,会一直发请求,浏览器有时也会把请求 cancel 掉,导致有时候动画运行有问题。

我发现 b 站的这个眨眼动画是替换了 img 这个元素,但是我尝试了一下没有找到解决方法。请知道的大神指导一下,非常感谢。

代码在 Github.

阅读 2.1k
2 个回答

img 序列 预加载到一个 img数组
然后 直接在指定位置内替换 预加载的 img,这样不会出现 重新请求的问题

推荐问题