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