Some changes

src/app/pages/publications/view-publications/publication-detail/publication-detail.module.ts

@@ -7,12 +7,14 @@ import { IonicModule } from '@ionic/angular';
 import { PublicationDetailPageRoutingModule } from './publication-detail-routing.module';
 
 import { PublicationDetailPage } from './publication-detail.page';
+import { SwiperPageModule } from 'src/app/shared/swiper/swiper.module';
 @NgModule({
   imports: [
     CommonModule,
     FormsModule,
     IonicModule,
     PublicationDetailPageRoutingModule,
+    SwiperPageModule
   ],
   declarations: [PublicationDetailPage],
   schemas: [CUSTOM_ELEMENTS_SCHEMA]

src/app/pages/publications/view-publications/publication-detail/publication-detail.page.html

@@ -23,7 +23,14 @@
       </div>
 
       <div class="post-item overflow-y-auto">
-        <swiper-container [pagination]="{clickable: true, dynamicBullets: true }">
+
+        <div  style="width: 100%; height: 395px;">
+          <app-swiper
+          [publicationList]=publication
+        ></app-swiper>
+        </div>
+
+       <!--  <swiper-container [pagination]="{clickable: true, dynamicBullets: true }">
           <swiper-slide *ngFor="let files of publication.Files let k = index">
             <div>
               <img *ngIf="checkFileType.checkFileType(files.FileExtension ) == 'image'" class="post-img"
@@ -36,7 +43,7 @@
 
             </div>
           </swiper-slide>
-        </swiper-container>
+        </swiper-container> -->
         <!-- <div *ngIf="publication.FileBase64.length < 30" class="post-img">
           <img src="/assets/icon/icon-no-image.svg" alt="image">
         </div> -->