Javascript Angularjs指令:图像序列闪烁

Javascript Angularjs指令:图像序列闪烁,javascript,angularjs,directive,Javascript,Angularjs,Directive,我正在尝试创建图像序列的angularjs指令,以将其显示为视频 每个序列有28个图像,并且有一些随机的子序列 我想以视频的形式运行。 不知何故,它正在运行,但当它更改图像时,它会闪烁 子序列列表在测试控制器中声明 $scope.sequences = [12,1]; 迭代也开始了 $scope.nextseq = function(){ for(var i = $scope.thisequenceidx; i < $scope.sequences.length; i++)

我正在尝试创建图像序列的angularjs指令,以将其显示为视频

每个序列有28个图像,并且有一些随机的子序列 我想以视频的形式运行。 不知何故,它正在运行,但当它更改图像时,它会闪烁

子序列列表在测试控制器中声明

$scope.sequences = [12,1];
迭代也开始了

$scope.nextseq = function(){
      for(var i = $scope.thisequenceidx; i < $scope.sequences.length; i++)
...
$scope.nextseq=function(){
对于(变量i=$scope.thisequenceidx;i<$scope.sequences.length;i++)
...
在本例中,我使用setInterval()制作两个序列的动画,这不是一个聪明的方法,因为它有点假设每个动画的持续时间为4500毫秒,而不是等待每个动画完成;而序列是根据索引以特定的超时时间处理的


有人能帮我解决图像闪烁的问题吗?

你是在预加载图像吗?或者换一种说法,一旦每个图像都显示出来,它还会闪烁吗?是的,即使图像被缓存,它也会做同样的事情,你可以在小提琴上看到它