wrapWithFancyBox.js

const sliders = document.querySelectorAll('.slider__wrapper');


if (sliders.length > 0) {

  sliders.forEach((slider, i) => {
    const items = slider.querySelectorAll('.work-item');

    items.forEach(item => {
      const linkWrapper = document.createElement('a');
      const image = item.querySelector('img');
      const description = image.getAttribute('alt');
      const galleryLink = image.getAttribute('src').trim();
      linkWrapper.setAttribute('data-fancybox', `gallery--${i}`);
      linkWrapper.setAttribute('href', galleryLink);
      linkWrapper.innerHTML = image.outerHTML;

      if (description) {
        linkWrapper.setAttribute('data-caption', description);
      }

      item.prepend(linkWrapper);
      image.remove();
    });

  });

}