fix(zoom): use only one element to zoom

fixes #5170
nolimits4web · Nov 11, 2021 · 60a9886 · 60a9886
1 parent 589a5d8
commit 60a9886
Showing 1 changed file with 6 additions and 3 deletions.
diff --git a/src/modules/zoom/zoom.js b/src/modules/zoom/zoom.js
@@ -100,7 +100,8 @@ export default function Zoom({ swiper, extendParams, on, emit }) {
       gesture.$imageEl = gesture.$slideEl
         .find(`.${params.containerClass}`)
         .eq(0)
-        .find('img, svg, canvas, picture, .swiper-zoom-target');
+        .find('picture, img, svg, canvas, .swiper-zoom-target')
+        .eq(0);
       gesture.$imageWrapEl = gesture.$imageEl.parent(`.${params.containerClass}`);
       gesture.maxRatio = gesture.$imageWrapEl.attr('data-swiper-zoom') || params.maxRatio;
       if (gesture.$imageWrapEl.length === 0) {
@@ -347,7 +348,8 @@ export default function Zoom({ swiper, extendParams, on, emit }) {
       gesture.$imageEl = gesture.$slideEl
         .find(`.${params.containerClass}`)
         .eq(0)
-        .find('img, svg, canvas, picture, .swiper-zoom-target');
+        .find('picture, img, svg, canvas, .swiper-zoom-target')
+        .eq(0);
       gesture.$imageWrapEl = gesture.$imageEl.parent(`.${params.containerClass}`);
     }
     if (
@@ -449,7 +451,8 @@ export default function Zoom({ swiper, extendParams, on, emit }) {
       gesture.$imageEl = gesture.$slideEl
         .find(`.${params.containerClass}`)
         .eq(0)
-        .find('img, svg, canvas, picture, .swiper-zoom-target');
+        .find('picture, img, svg, canvas, .swiper-zoom-target')
+        .eq(0);
       gesture.$imageWrapEl = gesture.$imageEl.parent(`.${params.containerClass}`);
     }
     if (