Open image without link

[tevart]

Hi!

Is it possible to load image without a tag, by just adding class directly to image like <img class="image-popup" ..../>.

So i wan't to open image that has class image-popup, but doesn't have a tag.

tnx

[MartinMuzatko]

would also like to know

[mtsknn]

<img src="path/to/myimage.png" data-mfp-src="path/to/myimage.png" class="popup-img">

$('.popup-img').magnificPopup({
  type: 'image'
});

Like this? No need for the <a> tag. The image's src and data-mfp-src attributes don't need to be equal (so for example you can have src="thumbnail.png" and data-mfp-src="biggerimage.png").

[MartinMuzatko]

Thank you! I would have avoided this setup if it was documented properly:

        var images = $('.content.article article > div img')
        images.each(
            (index, item)=>
            {
                $(item).wrap(`<a class="magnific-popup" href="${item.src}"></a>`)
            }
        )
        $('.magnific-popup').magnificPopup({
          type: 'image'
        })