2016-05-01 00:33:07 +08:00
|
|
|
<div
|
2016-05-01 03:36:24 +08:00
|
|
|
[hidden]="!activePhoto"
|
2016-05-13 05:00:38 +08:00
|
|
|
>
|
|
|
|
|
<div class="blackCanvas" #blackCanvas>
|
2016-05-01 00:33:07 +08:00
|
|
|
|
|
|
|
|
</div>
|
2016-05-13 05:00:38 +08:00
|
|
|
<div class="lightbox" #lightbox>
|
|
|
|
|
<div #imgContainer class="imgContainer">
|
|
|
|
|
<img *ngIf="activePhoto"
|
|
|
|
|
[style.width.%]="imageSize.width"
|
|
|
|
|
[style.height.%]="imageSize.height"
|
|
|
|
|
[src]="activePhoto.gridPhoto.getThumbnailPath()"/>
|
|
|
|
|
|
|
|
|
|
<img *ngIf="activePhoto"
|
|
|
|
|
[style.width.%]="imageSize.width"
|
|
|
|
|
[style.height.%]="imageSize.height"
|
|
|
|
|
[src]="activePhoto.gridPhoto.getPhotoPath()"/>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div id="navigation-arrow-container">
|
|
|
|
|
<div class="navigation-arrow" id="leftArrow" (click)="prevImage()"><span
|
|
|
|
|
class="glyphicon glyphicon-chevron-left"></span></div>
|
|
|
|
|
<div class="navigation-arrow" id="rightArrow" (click)="nextImage()"><span
|
|
|
|
|
class="glyphicon glyphicon-chevron-right"></span></div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
