Question

我想使用数组取消移位方法替换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，但是不幸的是，我首先遇到了先前图像数据加载然后再更改新图像的问题。

Answer 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');
   }
});

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

1 个答案: