我正在尝试制作自己的图像轮播。我现在正在苦苦挣扎的问题是,在缓存图像之前,我有一个透明的背景。我需要的是以某种方式预加载图像。
<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;
}
答案 0 :(得分:0)
在 ng-click 下一张幻灯片 btn 上,您可以为 index+1 调用图像 api/json 并将其存储在您的 image[index] 变量中。 或者您可以一次使用所有图像数据调用图像 api/json 并将其保存在数组或对象中并执行 ng-repeat :)