为下一张幻灯片预加载图像

Question

我正在尝试制作自己的图像轮播。我现在正在苦苦挣扎的问题是，在缓存图像之前，我有一个透明的背景。我需要的是以某种方式预加载图像。

<div *ngFor="let image of images; let id = index">
 <div *ngIf="id == currentImageId" class="background" [style.background-image]="'url(' + image + ')'"> </div>
</div>

.background {
 transition-duration: 0.5s;
 position: relative;
}

Answer 1

在 ng-click 下一张幻灯片 btn 上，您可以为 index+1 调用图像 api/json 并将其存储在您的 image[index] 变量中。 或者您可以一次使用所有图像数据调用图像 api/json 并将其保存在数组或对象中并执行 ng-repeat :)