How to display image in same model from different folder in ionic 4?

I have images in 10 folders and I am displaying image in 10 pages. I have one model for display single image. So my question is is there any way to display all image in the same model.
here I have the code:

<ion-card class="one-image" *ngFor="let image of imgArr">
          <img src="{{image}}.jpg" tappable (click)="openPreview(image)">
 import { ModalController } from '@ionic/angular';
        import { ImageModalPage } from '../image-modal/';
       openPreview(image) {
          component: ImageModalPage,
          componentProps: {
            image: image
        }).then(modal => {

import { Component, OnInit, ViewChild, ElementRef } from '@angular/core';
    import { NavParams, ModalController } from '@ionic/angular';

    @ViewChild('slider', { read: ElementRef })slider: ElementRef;
    image: any;

    constructor(private navParams: NavParams, private modalController: ModalController) { }

    ngOnInit() {
  	  this.image = this.navParams.get('image');

    zoom(zoomIn: boolean) {
     let zoom = this.slider.nativeElement.swiper.zoom;
     if (zoomIn) {;
     } else {
    close() {


<ion-slides #slider>
        <div class="swiper-zoom-container">
          <img src="{{ image }}.jpg">

Here is my full code, I want to display images from diff page in the same model.

How to pass folder URL in model using ionic 4?