diff --git a/src/app/+item-page/media-viewer/media-viewer-image/media-viewer-image.component.ts b/src/app/+item-page/media-viewer/media-viewer-image/media-viewer-image.component.ts
index 7dbef894cd..ae9dc7b927 100644
--- a/src/app/+item-page/media-viewer/media-viewer-image/media-viewer-image.component.ts
+++ b/src/app/+item-page/media-viewer/media-viewer-image/media-viewer-image.component.ts
@@ -12,6 +12,7 @@ import { NgxGalleryAnimation } from '@kolkov/ngx-gallery';
})
export class MediaViewerImageComponent implements OnInit {
@Input() images: MediaViewerItem[];
+ @Input() image: string;
galleryOptions: NgxGalleryOptions[];
galleryImages: NgxGalleryImage[];
@@ -32,7 +33,18 @@ export class MediaViewerImageComponent implements OnInit {
imageAnimation: NgxGalleryAnimation.Slide,
},
];
- this.galleryImages = this.convertToGalleryImage(this.images);
+
+ if (this.image) {
+ this.galleryImages = [
+ {
+ small: this.image,
+ medium: this.image,
+ big: this.image,
+ },
+ ];
+ } else {
+ this.galleryImages = this.convertToGalleryImage(this.images);
+ }
}
/**
diff --git a/src/app/+item-page/media-viewer/media-viewer.component.html b/src/app/+item-page/media-viewer/media-viewer.component.html
index 60af6887ae..c6f0468e85 100644
--- a/src/app/+item-page/media-viewer/media-viewer.component.html
+++ b/src/app/+item-page/media-viewer/media-viewer.component.html
@@ -22,7 +22,7 @@
mediaList[0]?.format !== 'audio'
"
>
-
+
diff --git a/src/app/+item-page/media-viewer/media-viewer.component.scss b/src/app/+item-page/media-viewer/media-viewer.component.scss
index c2b7823e6c..8b13789179 100644
--- a/src/app/+item-page/media-viewer/media-viewer.component.scss
+++ b/src/app/+item-page/media-viewer/media-viewer.component.scss
@@ -1,8 +1 @@
-.media-viewer{
- width: 340px;
- height: 279px;
- img{
- width: 100%;
- height: 100%;
- }
-}
+