dimsemenov · spoitler · Jul 11, 2023 · Jun 29, 2026
diff --git a/demo-docs-website/static/photoswipe/photoswipe-lightbox.esm.js b/demo-docs-website/static/photoswipe/photoswipe-lightbox.esm.js
diff --git a/demo-docs-website/static/photoswipe/photoswipe-lightbox.esm.js.map b/demo-docs-website/static/photoswipe/photoswipe-lightbox.esm.js.map
diff --git a/demo-docs-website/static/photoswipe/photoswipe-lightbox.esm.min.js b/demo-docs-website/static/photoswipe/photoswipe-lightbox.esm.min.js
diff --git a/demo-docs-website/static/photoswipe/photoswipe.esm.js b/demo-docs-website/static/photoswipe/photoswipe.esm.js
diff --git a/demo-docs-website/static/photoswipe/photoswipe.esm.js.map b/demo-docs-website/static/photoswipe/photoswipe.esm.js.map
diff --git a/demo-docs-website/static/photoswipe/photoswipe.esm.min.js b/demo-docs-website/static/photoswipe/photoswipe.esm.min.js
diff --git a/demo-docs-website/static/photoswipe/umd/photoswipe-lightbox.umd.min.js b/demo-docs-website/static/photoswipe/umd/photoswipe-lightbox.umd.min.js
diff --git a/demo-docs-website/static/photoswipe/umd/photoswipe.umd.min.js b/demo-docs-website/static/photoswipe/umd/photoswipe.umd.min.js
diff --git a/dist/photoswipe-lightbox.esm.js b/dist/photoswipe-lightbox.esm.js
diff --git a/dist/photoswipe-lightbox.esm.js.map b/dist/photoswipe-lightbox.esm.js.map
diff --git a/dist/photoswipe-lightbox.esm.min.js b/dist/photoswipe-lightbox.esm.min.js
diff --git a/dist/photoswipe.esm.js b/dist/photoswipe.esm.js
diff --git a/dist/photoswipe.esm.js.map b/dist/photoswipe.esm.js.map
diff --git a/dist/photoswipe.esm.min.js b/dist/photoswipe.esm.min.js
diff --git a/dist/umd/photoswipe-lightbox.umd.min.js b/dist/umd/photoswipe-lightbox.umd.min.js
diff --git a/dist/umd/photoswipe.umd.min.js b/dist/umd/photoswipe.umd.min.js
diff --git a/src/js/core/base.js b/src/js/core/base.js
@@ -143,8 +143,19 @@ class PhotoSwipeBase extends Eventable {
         itemData.srcset = linkEl.dataset.pswpSrcset;
       }
 
-      itemData.width = linkEl.dataset.pswpWidth ? parseInt(linkEl.dataset.pswpWidth, 10) : 0;
-      itemData.height = linkEl.dataset.pswpHeight ? parseInt(linkEl.dataset.pswpHeight, 10) : 0;
+      const thumbnailEl = element.querySelector('img');
+      // set itemData.w & itemData.h with naturalWidth & naturalHeight by default
+      itemData.width = thumbnailEl?.naturalWidth;
+      itemData.height = thumbnailEl?.naturalHeight;
+
+      // if pswp-width & pswp-height are defined, replace naturalWidth & naturalHeight with the defined pswp data
+      if (linkEl.dataset.pswpWidth) {
+        itemData.width = parseInt(linkEl.dataset.pswpWidth, 10);
+      }
+
+      if (linkEl.dataset.pswpHeight) {
+        itemData.height = parseInt(linkEl.dataset.pswpHeight, 10);
+      }
 
       // support legacy w & h properties
       itemData.w = itemData.width;
@@ -154,8 +165,6 @@ class PhotoSwipeBase extends Eventable {
         itemData.type = linkEl.dataset.pswpType;
       }
 
-      const thumbnailEl = element.querySelector('img');
-
       if (thumbnailEl) {
         // msrc is URL to placeholder image that's displayed before large image is loaded
         // by default it's displayed only for the first slide