1
0
mirror of https://github.com/xuthus83/pigallery2.git synced 2024-11-03 21:04:03 +08:00
pigallery2/frontend/app/ui/gallery/lightbox/media/media.lightbox.gallery.component.html
Patrik J. Braun 0d3b8823e4 ui directory refactoring
adding thumbnail loader for faces
2019-03-03 10:30:12 +01:00

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>