https://filippos.com/Art-Photography/js/magnific-popup-options.js

1$(document).ready(function() {
2  // MagnificPopup
3  var magnifPopup = function() {
4    $('.image-popup').magnificPopup({
5      type: 'image',
6      removalDelay: 300,
7      mainClass: 'mfp-with-zoom',
8      gallery:{
9        enabled:true
10      },
11      zoom: {
12        enabled: true, // By default it's false, so don't forget to enable it
13
14        duration: 300, // duration of the effect, in milliseconds
15        easing: 'ease-in-out', // CSS transition easing function
16
17        // The "opener" function should return the element from which popup will be zoomed in
18        // and to which popup will be scaled down
19        // By defailt it looks for an image tag:
20        opener: function(openerElement) {
21        // openerElement is the element on which popup was initialized, in this case its <a> tag
22        // you don't need to add "opener" option if this code matches your needs, it's defailt one.
23        return openerElement.is('img') ? openerElement : openerElement.find('img');
24        }
25      }
26    });
27  };
28  
29  // Call the functions 
30  magnifPopup();
31
32});