prod

templates/_common/base.html

@@ -209,23 +209,10 @@
                 url: '/search?keywords={query}'
             }
         })
-
-     let imgs = $('#article').find('p>img')
-
-
-    for (let i = 0; i < imgs.length; i++) {
-        if ($(imgs[i]).attr('alt')) {
-            let alt = $(imgs[i]).attr('alt')
-            let src = $(imgs[i]).attr('src')
-            $(imgs[i]).parent().html(`<a data-pswp-width="${alt.split(',')[0]}" data-pswp-height="${alt.split(',')[1]}" href="${src}"><img style="display: inline-block;"  width="${alt.split(',')[0]}" height="${alt.split(',')[1]}" data-magnify="gallery" data-src="${src}"  src="${src}"  data-href="${src}" "/></a>`)
-        } else {
-            let src = $(imgs[i]).attr('src')
-            $(imgs[i]).parent().html(`<img style="display: inline-block;"  src="${src}" />`)
-        }
-    }
     var lightbox = new PhotoSwipeLightbox({
-        gallery: 'p',
-        children: 'a[data-pswp-width]',        // dynamic import is not supported in UMD version
+        gallery: '.extra.images',
+        children: 'a',
+        // dynamic import is not supported in UMD version
         pswpModule: PhotoSwipe
     });
     lightbox.init();

templates/index.html

@@ -119,11 +119,8 @@
                 type: 'image',
                 elemToHtml: function imageToHtml(elemNode) {
                     const {src, alt, href = '', style = {}, width, height} = elemNode || {}
-                    if (alt === undefined || alt === null || alt === '') {
-                        return `<img src="${src}" alt="${alt}">`
-                    } else {
-                        return `<img  alt="${alt}"   src="${src}"/>`
-                    }
+
+                    return `<a data-pswp-width="${alt.split(',')[0]}" data-pswp-height="${alt.split(',')[1]}" href="${src}"><img data-magnify="gallery" data-src="${src}"  src="${src}"  data-href="${href}" "/></a>`
                 }
             };