48 lines
1.3 KiB
JavaScript
48 lines
1.3 KiB
JavaScript
|
$(document).ready(function() {
|
||
|
|
// MagnificPopup
|
||
|
|
var magnifPopup = function() {
|
||
|
|
$('.image-popup').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 defailt 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 defailt one.
|
||
|
|
return openerElement.is('img') ? openerElement : openerElement.find('img');
|
||
|
|
}
|
||
|
|
}
|
||
|
|
});
|
||
|
|
};
|
||
|
|
|
||
|
|
var magnifVideo = function() {
|
||
|
|
$('.popup-youtube, .popup-vimeo, .popup-gmaps').magnificPopup({
|
||
|
|
disableOn: 700,
|
||
|
|
type: 'iframe',
|
||
|
|
mainClass: 'mfp-fade',
|
||
|
|
removalDelay: 160,
|
||
|
|
preloader: false,
|
||
|
|
|
||
|
|
fixedContentPos: false
|
||
|
|
});
|
||
|
|
};
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
// Call the functions
|
||
|
|
magnifPopup();
|
||
|
|
magnifVideo();
|
||
|
|
|
||
|
|
});
|