34 lines
1.1 KiB
JavaScript
34 lines
1.1 KiB
JavaScript
$(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();
|
|
});
|