How to use the img tag directly?

[chuoke]

<div id="galleries">
    <img src="">
    <img src="">
    ......
</div>

<script type="module">
        import PhotoSwipeLightbox from '/photo-swipe/5.2.2/photoswipe-lightbox.esm.min.js';

        const lightbox = new PhotoSwipeLightbox({
          gallery: '#galleries',
          children: 'img',
          pswpModule: () => import('/photo-swipe/5.2.2/photoswipe.esm.min.js')
        });
        lightbox.init();
      </script>

The lightbox can be a normal call, but images are not showing.

In my use case, What is needed I do?

[dimsemenov]

You may use domItemData filter to parse a custom markup https://photoswipe.com/data-sources#custom-html-markup

You must define width, height, and the src.