Version initiale du site
This commit is contained in:
48
js/magnific-popup-options.js
Normal file
48
js/magnific-popup-options.js
Normal file
@@ -0,0 +1,48 @@
|
||||
$(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();
|
||||
|
||||
});
|
||||
Reference in New Issue
Block a user