⚡ Initial commit

js/magnific-popup-options.js

@@ -0,0 +1,33 @@
+$(document).ready(function () {
+  // MagnificPopup
+  var magnifyPopup = function () {
+    $(".popup-image").magnificPopup({
+      type: "image",
+      removalDelay: 300,
+      mainClass: "mfp-with-zoom",
+      gallery: {
+        enabled: true,
+      },
+      zoom: {
+        enabled: true, // By default it's false, so don't forget to enable it
+
+        duration: 300, // duration of the effect, in milliseconds
+        easing: "ease-in-out", // CSS transition easing function
+
+        // The "opener" function should return the element from which popup will be zoomed in
+        // and to which popup will be scaled down
+        // By default it looks for an image tag:
+        opener: function (openerElement) {
+          // openerElement is the element on which popup was initialized, in this case its <a> tag
+          // you don't need to add "opener" option if this code matches your needs, it's default one.
+          return openerElement.is("img")
+            ? openerElement
+            : openerElement.find("img");
+        },
+      },
+    });
+  };
+
+  // Call the functions
+  magnifyPopup();
+});