added captions & lightbox to project page

web/themes/custom/leshed/assets/js/main.js

@@ -8,6 +8,7 @@ import { hyphenateSync } from "hyphen/fr";
 import { gsap, Power1 } from 'gsap';
 import { ScrollTrigger } from 'gsap/ScrollTrigger';
 import Lenis from 'lenis';
+import 'fslightbox';
 
 gsap.registerPlugin(ScrollTrigger);
 
@@ -51,6 +52,7 @@ gsap.registerPlugin(ScrollTrigger);
       initBurgerMenu();
       initSmoothScroll();
       initColumnScrollSync();
+      initFsLightbox();
       // initVues()
     }
 
@@ -304,6 +306,17 @@ gsap.registerPlugin(ScrollTrigger);
       window.addEventListener('load', () => ScrollTrigger.refresh());
     }
 
+    function initFsLightbox(){
+      console.log('initFsLightbox');
+      // console.log(window.FsLightbox);
+      let imgs_links = document.querySelectorAll('.field_images.multiple .field-item a');
+      for (const link of imgs_links) {
+        link.setAttribute("data-fslightbox", "gallery")
+      }
+      // window.FsLightbox
+      window.refreshFsLightbox();
+    }
+
     // function initVues(){
     //   console.log('initVues');