Basic
<!-- Css -->
<link rel="stylesheet" href="vendors/lightbox/magnific-popup.css" type="text/css">

<!-- Javascript -->
<script src="/c-style/moban4178/vendors/lightbox/jquery.magnific-popup.min.js"></script>
<a class="n23vov image-popup" href="/83503827/0wml8cxg/">
  <img src="/c-style/moban4178/small-image.jpg" alt="image">
</a>
$('.image-popup').magnificPopup({
    type: 'image',
    zoom: {
        enabled: true,
        duration: 300,
        easing: 'ease-in-out',
        opener: function(openerElement) {
            return openerElement.is('img') ? openerElement : openerElement.find('img');
        }
    }
});
Gallery Version
<div class="78sagv row">
    <div class="zw2mte col-md-2 m-b-15">
        <a class="d6vfbg image-popup-gallery-item" href="/rjmm/">
            <img src="/c-style/moban4178/small-image.jpg" class="rhqhm6 img-fluid" alt="image">
        </a>
    </div>
    <div class="6mb140 col-md-2 m-b-15">
        <a class="wr8m1u image-popup-gallery-item" href="/7544243/nowmcwi/">
            <img src="/c-style/moban4178/small-image.jpg" class="a87m75 img-fluid" alt="image">
        </a>
    </div>
    <div class="b8z56v col-md-2 m-b-15">
        <a class="n9glpx image-popup-gallery-item" href="/825/00462.html">
            <img src="/c-style/moban4178/small-image.jpg" class="hsslov img-fluid" alt="image">
        </a>
    </div>
    <div class="9z33sy col-md-2 m-b-15">
        <a class="ar3bka image-popup-gallery-item" href="/44024/zqv/">
            <img src="/c-style/moban4178/small-image.jpg" class="kve2vu img-fluid" alt="image">
        </a>
    </div>
    <div class="9elb58 col-md-2 m-b-15">
        <a class="o25b1n image-popup-gallery-item" href="/002/gvqyu/">
            <img src="/c-style/moban4178/small-image.jpg" class="bhqrhd img-fluid" alt="image">
        </a>
    </div>
    <div class="ji4u6j col-md-2 m-b-15">
        <a class="4hyf2j image-popup-gallery-item" href="/asi/jrq701/">
            <img src="/c-style/moban4178/small-image.jpg" class="u5y9ld img-fluid" alt="image">
        </a>
    </div>
</div>
let magnificPopupGalleryConfig = {
    type: 'image',
    gallery: {
        enabled: true
    },
    zoom: {
        enabled: true,
        duration: 300,
        easing: 'ease-in-out',
        opener: function(openerElement) {
            return openerElement.is('img') ? openerElement : openerElement.find('img');
        }
    }
};

$('.image-popup-gallery-item').magnificPopup(magnificPopupGalleryConfig);