https://sincerelythemaids.com/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	var linkMagnifPopup = function() {
30		$('.image-popup-link').magnificPopup({
31		  type: 'image'
32		});
33	};
34
35	var magnifVideo = function() {
36		$('.popup-youtube, .popup-vimeo, .popup-gmaps').magnificPopup({
37        disableOn: 700,
38        type: 'iframe',
39        mainClass: 'mfp-fade',
40        removalDelay: 160,
41        preloader: false,
42
43        fixedContentPos: false
44    });
45	};
46
47	
48
49
50	// Call the functions 
51	magnifPopup();
52	linkMagnifPopup();
53	magnifVideo();
54
55});