取消移位数组方法会降低Dom列表的速度

时间:2019-05-31 05:08:52

标签: javascript arrays

我想使用数组取消移位方法替换img src,在执行此过程的同时,将前一张图片显示2到3秒钟,然后替换新的图片网址

   var data = {"id":"124", "url":"img.jpg"};
   var data1 = {"id":"1234", "url":"img1.png"};
   var array = [data];
   array.unshift(data1);


<div ng-repeat="data in array"> 
<img ng-src = data.url /> 
</div>

我期望新数据不会出现任何延迟,并且从不显示以前的图像URL,但是不幸的是,我首先遇到了先前图像数据加载然后再更改新图像的问题。

1 个答案:

答案 0 :(得分:1)

尝试一下,它将为您服务。

<img class="imageLoad ng-hide" ng-src = data.url /> 
$(".imageLoad").load(function() {
  // Image loaded do action
}).each(function() {
  if(this.complete){
       $(this).load();
       (or use, if you have class ng-hide)
       $(".imageLoad").removeClass('ng-hide');
   }
});