Mozilla图像在源更改时闪烁

时间:2015-05-07 10:13:35

标签: javascript angularjs firefox

我有一个图像预加载器,它将来会加载n个图像。我可以在网络检查器中看到加载的内容。然后,当我向下滚动时,我有这个代码:

$scope.image = Preloader.getNext();

用已经加载的图像替换当前图像。并且getNext()只返回Image()对象。 在我看来,我有这个:

 <img id="frames" ng-src="{{image.src}}" />

显示当前图像。在每个浏览器(包括IE)上都可以正常工作,但只有在mozilla中才有这种烦人的闪烁:

Imgur

你知道为什么会发生这种情况,甚至更好地解决这个问题吗?

谢谢你们。

1 个答案:

答案 0 :(得分:0)

我通过将图像渲染切换到画布而不是dom来修复此问题。