127 lines
2.6 KiB
JavaScript
127 lines
2.6 KiB
JavaScript
$(document).ready(function() {
|
|
$('.card-gallery-wrapper').magnificPopup({
|
|
delegate: '.card-footer a',
|
|
type: 'image',
|
|
tLoading: 'Loading image #%curr%...',
|
|
mainId: 'image-popup-vertical-fit',
|
|
gallery: {
|
|
enabled: true,
|
|
navigateByImgClick: true,
|
|
preload: [0,1] // Will preload 0 - before current, and 1 after the current image
|
|
},
|
|
image: {
|
|
tError: '<a href="%url%">The image #%curr%</a> could not be loaded.',
|
|
titleSrc: function(item) {
|
|
return item.el.attr('title') + '<small>by QuixLab</small>';
|
|
}
|
|
}
|
|
});
|
|
|
|
|
|
$('.image-popup-vertical-fit').magnificPopup({
|
|
type: 'image',
|
|
closeOnContentClick: true,
|
|
mainClass: 'mfp-img-mobile',
|
|
image: {
|
|
verticalFit: true
|
|
}
|
|
|
|
});
|
|
|
|
$('.image-popup-fit-width').magnificPopup({
|
|
type: 'image',
|
|
closeOnContentClick: true,
|
|
image: {
|
|
verticalFit: false
|
|
}
|
|
});
|
|
|
|
$('.image-popup-no-margins').magnificPopup({
|
|
type: 'image',
|
|
closeOnContentClick: true,
|
|
closeBtnInside: false,
|
|
fixedContentPos: true,
|
|
mainClass: 'mfp-no-margins mfp-with-zoom', // class to remove default margin from left and right side
|
|
image: {
|
|
verticalFit: true
|
|
},
|
|
zoom: {
|
|
enabled: true,
|
|
duration: 300 // don't foget to change the duration also in CSS
|
|
}
|
|
});
|
|
|
|
|
|
$('.popup-gallery').magnificPopup({
|
|
delegate: 'a',
|
|
type: 'image',
|
|
tLoading: 'Loading image #%curr%...',
|
|
mainClass: 'mfp-img-mobile',
|
|
gallery: {
|
|
enabled: true,
|
|
navigateByImgClick: true,
|
|
preload: [0,1] // Will preload 0 - before current, and 1 after the current image
|
|
},
|
|
image: {
|
|
tError: '<a href="%url%">The image #%curr%</a> could not be loaded.',
|
|
titleSrc: function(item) {
|
|
return item.el.attr('title') + '<small>by Marsel Van Oosten</small>';
|
|
}
|
|
}
|
|
});
|
|
|
|
|
|
$('.popup-with-form').magnificPopup({
|
|
type: 'inline',
|
|
preloader: false,
|
|
focus: '#name',
|
|
|
|
// When elemened is focused, some mobile browsers in some cases zoom in
|
|
// It looks not nice, so we disable it:
|
|
callbacks: {
|
|
beforeOpen: function() {
|
|
if($(window).width() < 700) {
|
|
this.st.focus = false;
|
|
} else {
|
|
this.st.focus = '#name';
|
|
}
|
|
}
|
|
}
|
|
});
|
|
|
|
|
|
$('.popup-modal').magnificPopup({
|
|
type: 'inline',
|
|
preloader: false,
|
|
focus: '#username',
|
|
modal: true
|
|
});
|
|
|
|
$(document).on('click', '.popup-modal-dismiss', function (e) {
|
|
e.preventDefault();
|
|
$.magnificPopup.close();
|
|
});
|
|
|
|
|
|
$('.popup-link').magnificPopup({
|
|
removalDelay: 300,
|
|
type: 'image',
|
|
callbacks: {
|
|
beforeOpen: function() {
|
|
this.st.image.markup = this.st.image.markup.replace('mfp-figure', 'mfp-figure animated ' + this.st.el.attr('data-effect'));
|
|
}
|
|
},
|
|
});
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
});
|