mirror of
https://github.com/xuthus83/pigallery2.git
synced 2024-11-03 21:04:03 +08:00
0d3b8823e4
adding thumbnail loader for faces
31 lines
950 B
HTML
31 lines
950 B
HTML
<div class="imgContainer" #imgContainer>
|
|
<img *ngIf="showThumbnail()"
|
|
[style.width.%]="imageSize.width"
|
|
[style.height.%]="imageSize.height"
|
|
[style.transform]="ImageTransform"
|
|
[src]="thumbnailSrc"/>
|
|
|
|
<img *ngIf="gridMedia !== null && gridMedia.isPhoto() && photoSrc"
|
|
[style.width.%]="imageSize.width"
|
|
[style.height.%]="imageSize.height"
|
|
[style.transform]="ImageTransform"
|
|
[src]="photoSrc"
|
|
[alt]="gridMedia.media.name"
|
|
(load)="onImageLoad()"
|
|
(error)="onImageError()"/>
|
|
|
|
<video *ngIf="gridMedia !== null && gridMedia.isVideo() && loadMedia"
|
|
[style.width.%]="imageSize.width"
|
|
[style.height.%]="imageSize.height"
|
|
(loadstart)="onImageLoad()"
|
|
autoplay
|
|
(error)="onImageError()"
|
|
(timeupdate)="onVideoProgress()"
|
|
#video>
|
|
<source [src]="gridMedia.getPhotoPath()" type="{{getVideoType()}}">
|
|
</video>
|
|
|
|
</div>
|
|
|
|
|