2016-04-28 04:37:07 +08:00
|
|
|
<div class="lightboxCss"
|
|
|
|
#lightbox
|
|
|
|
|
|
|
|
(click)="hideLightBox($event)"
|
|
|
|
[style.top.px]="lightboxModel.top"
|
|
|
|
[style.left.px]="lightboxModel.left"
|
|
|
|
[style.width.px]="lightboxModel.image.width"
|
|
|
|
[style.height.px]="lightboxModel.image.height">
|
|
|
|
<img [src]="lightboxModel.image.src" width="100%" height="100%"/>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<div #gridContainer *ngIf="directory" (window:resize)="onResize()" >
|
2016-04-09 21:19:25 +08:00
|
|
|
<gallery-photo
|
2016-04-28 04:37:07 +08:00
|
|
|
*ngFor="#gridPhoto of photosToRender"
|
2016-04-09 21:19:25 +08:00
|
|
|
*ngIf="gridPhoto"
|
2016-04-28 04:37:07 +08:00
|
|
|
(click)="showLightBox($event,gridPhoto)"
|
2016-04-09 21:19:25 +08:00
|
|
|
[photo]="gridPhoto.photo"
|
|
|
|
[directory]="directory"
|
|
|
|
[style.width.px]="gridPhoto.renderWidth"
|
|
|
|
[style.height.px]="gridPhoto.renderHeight"
|
2016-04-28 04:37:07 +08:00
|
|
|
[style.marginLeft.px]="IMAGE_MARGIN"
|
|
|
|
[style.marginRight.px]="IMAGE_MARGIN">
|
2016-04-09 21:19:25 +08:00
|
|
|
|
|
|
|
</gallery-photo>
|
|
|
|
</div>
|