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

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

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

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

代码在 Github.

阅读 2.1k
2 个回答

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

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题