try

iamdarkle · Sep 8, 2024 · 6a0c396 · 6a0c396
1 parent 54f1f1c
commit 6a0c396
Show file tree

Hide file tree

Showing 3 changed files with 13 additions and 9 deletions.
diff --git a/js/dist/forum.js b/js/dist/forum.js
diff --git a/js/dist/forum.js.map b/js/dist/forum.js.map
diff --git a/js/src/forum/index.js b/js/src/forum/index.js
@@ -3,19 +3,23 @@ import { extend } from 'flarum/common/extend';
 import CommentPost from 'flarum/forum/components/CommentPost';
 import { Fancybox } from '@fancyapps/ui';
 import { Carousel } from '@fancyapps/ui';
+import '@fancyapps/ui/dist/fancybox/fancybox.css';
+import '@fancyapps/ui/dist/carousel/carousel.css';
 
 app.initializers.add('darkle/fancybox', () => {
   extend(CommentPost.prototype, 'oncreate', function (vnode) {
-    // Wrap images with anchor tags for Fancybox
+    // Wrap images with anchor tags for Fancybox, only if not already wrapped
     this.element
       .querySelectorAll('.Post-body img:not(.emoji):not(.Avatar):not(.PostMeta-ip img):not([data-reaction]):not([data-link-preview]):not(.flamoji img):not(.countryFlag):not(.no-fancybox)')
       .forEach((node) => {
-        const src = node.getAttribute('data-src') || node.getAttribute('src');
-        const fancyboxEl = document.createElement('a');
-        fancyboxEl.setAttribute('data-fancybox', 'gallery');
-        fancyboxEl.href = src;
-        node.parentNode.insertBefore(fancyboxEl, node);
-        fancyboxEl.appendChild(node);
+        if (!node.closest('a[data-fancybox="gallery"]')) {
+          const src = node.getAttribute('data-src') || node.getAttribute('src');
+          const fancyboxEl = document.createElement('a');
+          fancyboxEl.setAttribute('data-fancybox', 'gallery');
+          fancyboxEl.href = src;
+          node.parentNode.insertBefore(fancyboxEl, node);
+          fancyboxEl.appendChild(node);
+        }
       });
 
     // Initialize Carousel