<div class="flex gap-half"> <ng-container *ngFor="let imgId of imageIds; let i = index"> <div *ngIf="i <= galleryLength" [class.last-image]="i === galleryLength"> <a (click)="i === galleryLength && imageIds.length > galleryLength ? openGallery() : openImage(imgId)"> <img eosImage [imageId]="imgId" [width]="100" class="gallery-image" /> <div *ngIf="galleryLength === i && imageIds.length > galleryLength " class="last-image-count"> <span>+{{ imageIds.length - galleryLength }}</span> </div> </a> </div> </ng-container> </div>
Preview:
downloadDownload PNG
downloadDownload JPEG
downloadDownload SVG
Tip: You can change the style, width & colours of the snippet with the inspect tool before clicking Download!
Click to optimize width for Twitter