try

iamdarkle · Sep 8, 2024 · 46c2358 · 46c2358
1 parent 2f00ec9
commit 46c2358
Show file tree

Hide file tree

Showing 4 changed files with 13 additions and 11 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
@@ -98,7 +98,15 @@ app.initializers.add('darkle/fancybox', () => {
           const group = postBody.querySelectorAll(`a[data-fancybox="${groupName}"]`);
           const index = Array.from(group).indexOf(link);
 
-          Fancybox.fromNodes(Array.from(group), {
+          const images = Array.from(group).map(node => {
+            const img = node.querySelector('img');
+            return {
+              src: node.href || img.getAttribute('data-src') || img.src,
+              thumb: img.src,
+            };
+          });
+
+          Fancybox.show(images, {
             ...fancyboxOptions,
             startIndex: index,
           });

diff --git a/src/DefineGalleryTemplate.php b/src/DefineGalleryTemplate.php
@@ -21,21 +21,15 @@ public function __invoke(Configurator $config)
                 <xsl:choose>
                     <xsl:when test="parent::FANCYBOX-GALLERY-ITEM">
                         <a data-fancybox="gallery" href="{@url}">
-                            <img>
+                            <img src="{@url}" data-src="{@url}">
                                 <xsl:copy-of select="@*"/>
-                                <xsl:attribute name="data-src">
-                                    <xsl:value-of select="@url"/>
-                                </xsl:attribute>
                             </img>
                         </a>
                     </xsl:when>
                     <xsl:otherwise>
                         <a data-fancybox="single" href="{@url}">
-                            <img>
+                            <img src="{@url}" data-src="{@url}">
                                 <xsl:copy-of select="@*"/>
-                                <xsl:attribute name="data-src">
-                                    <xsl:value-of select="@url"/>
-                                </xsl:attribute>
                             </img>
                         </a>
                     </xsl:otherwise>