fix: image previewer was corrupted by size unit (#114)

When we set img attribute with unit (e.g. width="100px"), it will be
corrupted.

1 files changed, 2 insertions, 3 deletions

diff --git a/_includes/extensions/photo-swipe.html b/_includes/extensions/photo-swipe.html
index ea93674..c88592a 100644
--- a/_includes/extensions/photo-swipe.html
+++ b/_includes/extensions/photo-swipe.html
@@ -23,8 +23,8 @@
       imgEl.outerHTML = `
     <a class="photo-swipe"
       href="${imgEl.src}"
-      data-width="${imgEl.getAttribute("width") || imgEl.width * 2}"
-      data-height="${imgEl.getAttribute("height") || imgEl.height * 2}"
+      data-width="${Math.max(imgEl.naturalWidth, imgEl.width) * 2}"
+      data-height="${Math.max(imgEl.naturalHeight, imgEl.height) * 2}"
       data-caption="${imgEl.getAttribute("caption") || imgEl.alt}"
       target="_blank">
       ${imgEl.outerHTML}
@@ -63,7 +63,6 @@
           bgOpacity: 0.85,
           showHideOpacity: true,
           closeOnScroll: true,
-          maxSpreadZoom: 1,
           getDoubleTapZoom: (isMouseClick, item) => {
             if (item.detail) {
               zoomLevel += item.detail.origEvent.shiftKey ? -1 : 1;