Javascript Mozilla图像在源代码更改时闪烁

我有一个图像预加载程序，它在将来预加载n个图像。我可以在网络检查器中看到加载的。当我向下滚动时，我有以下代码：

$scope.image = Preloader.getNext();

将当前图像替换为已加载的图像。getNext（）只返回Image（）对象。 我认为：

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

显示当前图像的。在每个浏览器（包括IE）上，这都可以正常工作，但只有在mozilla中，才会出现令人讨厌的闪烁：

你知道为什么会发生这种情况吗？更好的办法是如何着手解决它

---

谢谢大家。

我通过将图像渲染切换到画布而不是dom解决了这个问题。

你们有没有想过这个问题？我对ff也有同样的问题flickering@Grant是的，我修复了切换到画布和渲染图像的问题。谢谢，解决了这个问题。你应该把它作为你的答案。