H5W3
当前位置:H5W3 > 问答 > 正文

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

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

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

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

代码在 Github.

回答

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

未经允许不得转载:H5W3 » 图片切换动画,修改src会重复发请求,求解决方案

赞 (0)

评论 0

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址