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

我正在尝试制作我自己的图像旋转木马。我现在面临的问题是，在缓存图像之前，我有一个透明的背景。我需要的是以某种方式预加载图像

<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;
}

---

在ng上单击下一张幻灯片btn，您可以为index+1调用图像api/json，并将其存储在image[index]变量中。 或者，您可以使用所有图像数据一次性校准图像api/json，并将其保存在数组或对象中，然后执行ng重复：