try

iamdarkle · Sep 8, 2024 · 1405ea7 · 1405ea7
1 parent 215c3c9
commit 1405ea7
Show file tree

Hide file tree

Showing 4 changed files with 11 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
@@ -20,8 +20,8 @@ app.initializers.add('darkle/fancybox', () => {
       });
     });
 
-    // Initialize Fancybox for all galleries and single images
-    Fancybox.bind('[data-fancybox]', {
+    // Initialize Fancybox for galleries
+    Fancybox.bind('[data-fancybox="gallery"]', {
       Carousel: {
         infinite: false,
       },
@@ -33,5 +33,8 @@ app.initializers.add('darkle/fancybox', () => {
         },
       },
     });
+
+    // Make Fancybox available globally for single image clicks
+    window.Fancybox = Fancybox;
   });
 });
diff --git a/src/DefineGalleryTemplate.php b/src/DefineGalleryTemplate.php
@@ -21,17 +21,16 @@ public function __invoke(Configurator $config)
                 <xsl:choose>
                     <xsl:when test="parent::FANCYBOX-GALLERY-ITEM">
                         <a data-fancybox="gallery" data-src="{@url}">
-                            <xsl:copy>
-                                <xsl:apply-templates select="@*"/>
+                            <img>
+                                <xsl:copy-of select="@*"/>
                                 <xsl:attribute name="data-lazy-src">
                                     <xsl:value-of select="@url"/>
                                 </xsl:attribute>
-                                <xsl:apply-templates select="node()"/>
-                            </xsl:copy>
+                            </img>
                         </a>
                     </xsl:when>
                     <xsl:otherwise>
-                        <a data-fancybox="single" href="{@url}">
+                        <a data-fancybox="single" href="{@url}" onclick="event.preventDefault(); Fancybox.show([{src: this.href}]);">
                             $newTemplate
                         </a>
                     </xsl:otherwise>