add zoom

src/app/modals/view-media/view-media.page.html

@@ -16,7 +16,15 @@
 <ion-content fullscreen>
   <div class="media d-flex align-items-center justify-center">
     <div class="media-content w-100 d-flex align-items-center justify-center">
-      <img src="{{image}}"/>
+
+      <ion-slides style="width: 100%; height: 100%;" [options]="sliderOpts">
+        <ion-slide>
+          <div class="swiper-zoom-container">
+            <img src="{{image}}">
+          </div>
+        </ion-slide>
+      </ion-slides>
+      
     </div>
   </div>
 </ion-content>

src/app/modals/view-media/view-media.page.ts

@@ -12,6 +12,11 @@ export class ViewMediaPage implements OnInit {
   name: string
   _updatedAt: string
 
+  sliderOpts = {
+    zoom: true,
+    maxRation: 2
+  };
+
   constructor(
     private modalController: ModalController,
     private navParams:NavParams,