feat(zoom): in method now accepts custom zoom ratio

fixes #5527
nolimits4web · Jan 17, 2023 · d88df61 · d88df61
1 parent 4949163
commit d88df61
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 5 deletions.
diff --git a/src/modules/zoom/zoom.js b/src/modules/zoom/zoom.js
@@ -416,9 +416,17 @@ export default function Zoom({ swiper, extendParams, on, emit }) {
       touchY = image.touchesStart.y;
     }
 
-    zoom.scale = gesture.imageWrapEl.getAttribute('data-swiper-zoom') || params.maxRatio;
-    currentScale = gesture.imageWrapEl.getAttribute('data-swiper-zoom') || params.maxRatio;
-    if (e) {
+    const forceZoomRatio = typeof e === 'number' ? e : null;
+    if (currentScale === 1 && forceZoomRatio) {
+      touchX = undefined;
+      touchY = undefined;
+    }
+
+    zoom.scale =
+      forceZoomRatio || gesture.imageWrapEl.getAttribute('data-swiper-zoom') || params.maxRatio;
+    currentScale =
+      forceZoomRatio || gesture.imageWrapEl.getAttribute('data-swiper-zoom') || params.maxRatio;
+    if (e && !(currentScale === 1 && forceZoomRatio)) {
       slideWidth = gesture.slideEl.offsetWidth;
       slideHeight = gesture.slideEl.offsetHeight;
       offsetX = elementOffset(gesture.slideEl).left + window.scrollX;

diff --git a/src/types/modules/zoom.d.ts b/src/types/modules/zoom.d.ts
@@ -22,9 +22,9 @@ export interface ZoomMethods {
   disable(): void;
 
   /**
-   * Zoom in image of the currently active slide
+   * Zoom in image of the currently active slide. Optionally accepts custom zoom ratio
    */
-  in(): void;
+  in(ratio?: number): void;
 
   /**
    * Zoom out image of the currently active slide