fix: prevent double captioning #265

Signed-off-by: weru <fromweru@gmail.com>

2 files changed, 7 insertions, 2 deletions

diff --git a/assets/js/index.js b/assets/js/index.js
index 4aec3e6..57354c2 100644
--- a/assets/js/index.js
+++ b/assets/js/index.js
@@ -267,7 +267,7 @@ function fileClosure(){
         const showImagePosition = showingImagePosition();
 
         let desc = document.createElement('figcaption');
-        desc.classList.add('img_alt');
+        desc.classList.add(imageAltClass);
 
         const thisImgPos = image.dataset.pos;
         // modify image caption is necessary
@@ -276,6 +276,10 @@ function fileClosure(){
 
         if(!image.matches(`.${featuredImageClass}`)) {
           // add a caption below image only if the image isn't a featured image
+          if(image.nextElementSibling) {
+            // check if a caption exist already and remove it
+            image.nextElementSibling.remove();
+          }
           image.insertAdjacentHTML('afterend', desc.outerHTML);
         }
       }
diff --git a/assets/js/variables.js b/assets/js/variables.js
index 7c774e2..75fefe4 100644
--- a/assets/js/variables.js
+++ b/assets/js/variables.js
@@ -1,4 +1,5 @@
 const featuredImageClass = 'image_featured';
 const imageScalableClass = 'image-scalable';
 const scaleImageClass = 'image-scale';
-const pageHasLoaded = 'DOMContentLoaded';
\ No newline at end of file
+const pageHasLoaded = 'DOMContentLoaded';
+const imageAltClass = 'img_alt'
\ No newline at end of file