Lazly load images in gallery

This commit is contained in:
Zakary Timson 2022-10-06 19:28:53 -04:00
parent da281079a7
commit b830d991c5

View File

@ -3,8 +3,7 @@
<h1 class="mb-0">{{album.album}}</h1> <h1 class="mb-0">{{album.album}}</h1>
<mat-divider class="mb-3"></mat-divider> <mat-divider class="mb-3"></mat-divider>
<div *ngFor="let photo of album.photos" class="d-inline-block me-3 mb-3"> <div *ngFor="let photo of album.photos" class="d-inline-block me-3 mb-3">
<img [alt]="photo.caption" [src]="photo.src" height="150px" width="auto"> <img [alt]="photo.caption" [src]="photo.src" height="150px" width="auto" loading="lazy">
</div> </div>
</div> </div>
</div> </div>