peter/doneit-web
1
0
Fork 0
mirror of https://code.equilibrium.co.ao/ITO/doneit-web.git synced 2026-04-21 05:45:50 +00:00
Code Issues Packages Projects Releases Wiki Activity

add zoom

Browse Source
This commit is contained in:
Peter Maquiran
2021-12-20 16:58:22 +01:00
parent c35e76abbc
commit bb22042ed8
2 changed files with 14 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/app/modals/view-media/view-media.page.html
+9 -1
View File
@@ -16,7 +16,15 @@
<ion-content fullscreen> <ion-content fullscreen>
<div class="media d-flex align-items-center justify-center"> <div class="media d-flex align-items-center justify-center">
<div class="media-content w-100 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>
</div> </div>
</ion-content> </ion-content>
src/app/modals/view-media/view-media.page.ts
+5
View File
@@ -12,6 +12,11 @@ export class ViewMediaPage implements OnInit {
name: string name: string
_updatedAt: string _updatedAt: string
sliderOpts = {
zoom: true,
maxRation: 2
};
constructor( constructor(
private modalController: ModalController, private modalController: ModalController,
private navParams:NavParams, private navParams:NavParams,