try again

iamdarkle · Sep 9, 2024 · 2d73d10 · 2d73d10
1 parent 22d4d42
commit 2d73d10
Show file tree

Hide file tree

Showing 3 changed files with 27 additions and 3 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
@@ -44,7 +44,8 @@ app.initializers.add('darkle/fancybox', () => {
           initialSize: 'fit',
         },
         on: {
-          done: (fancybox, slide) => {
+          init: (fancybox) => {
+            const slide = fancybox.getSlide();
             const carouselEl = slide.triggerEl.closest('.fancybox-gallery');
             if (carouselEl) {
               const carousel = carousels.get(carouselEl.id);
@@ -63,6 +64,16 @@ app.initializers.add('darkle/fancybox', () => {
               }
             }
           },
+          destroy: (fancybox) => {
+            const lastSlide = fancybox.getSlide();
+            const carouselEl = lastSlide.triggerEl.closest('.fancybox-gallery');
+            if (carouselEl) {
+              const carousel = carousels.get(carouselEl.id);
+              if (carousel) {
+                carousel.slideTo(lastSlide.index, { friction: 0 });
+              }
+            }
+          },
         },
         dragToClose: false,
       };
@@ -108,6 +119,19 @@ app.initializers.add('darkle/fancybox', () => {
           }
         });
       });
+
+      // Sync carousels with Fancybox
+      carousels.forEach((carousel, id) => {
+        carousel.on('change', (carousel) => {
+          const fancybox = Fancybox.getInstance();
+          if (fancybox) {
+            const currentSlide = fancybox.getSlide();
+            if (currentSlide && currentSlide.triggerEl.closest('.fancybox-gallery').id === id) {
+              fancybox.setPage(carousel.page);
+            }
+          }
+        });
+      });
     };
   });