133 lines
2.5 KiB
JavaScript
133 lines
2.5 KiB
JavaScript
/*
|
|
Template Name: Veltrix - Responsive Bootstrap 4 Admin Dashboard
|
|
Author: Themesbrand
|
|
File: Lightbox js
|
|
*/
|
|
|
|
(function($) {
|
|
|
|
'use strict';
|
|
|
|
/*
|
|
Single Image
|
|
*/
|
|
|
|
$('.image-popup-vertical-fit').magnificPopup({
|
|
type: 'image',
|
|
closeOnContentClick: true,
|
|
mainClass: 'mfp-img-mobile',
|
|
image: {
|
|
verticalFit: true
|
|
}
|
|
|
|
});
|
|
|
|
$('.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
|
|
}
|
|
});
|
|
|
|
/*
|
|
Gallery
|
|
*/
|
|
$('.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.'
|
|
}
|
|
});
|
|
|
|
/*
|
|
Zoom Gallery
|
|
*/
|
|
$('.zoom-gallery').magnificPopup({
|
|
delegate: 'a',
|
|
type: 'image',
|
|
closeOnContentClick: false,
|
|
closeBtnInside: false,
|
|
mainClass: 'mfp-with-zoom mfp-img-mobile',
|
|
image: {
|
|
verticalFit: true,
|
|
titleSrc: function(item) {
|
|
return item.el.attr('title') + ' · <a href="'+item.el.attr('data-source')+'" target="_blank">image source</a>';
|
|
}
|
|
},
|
|
gallery: {
|
|
enabled: true
|
|
},
|
|
zoom: {
|
|
enabled: true,
|
|
duration: 300, // don't foget to change the duration also in CSS
|
|
opener: function(element) {
|
|
return element.find('img');
|
|
}
|
|
}
|
|
});
|
|
|
|
/*
|
|
Popup with video or map
|
|
*/
|
|
$('.popup-youtube, .popup-vimeo, .popup-gmaps').magnificPopup({
|
|
disableOn: 700,
|
|
type: 'iframe',
|
|
mainClass: 'mfp-fade',
|
|
removalDelay: 160,
|
|
preloader: false,
|
|
|
|
fixedContentPos: false
|
|
});
|
|
|
|
/*
|
|
Dialog with CSS animation
|
|
*/
|
|
$('.popup-with-zoom-anim').magnificPopup({
|
|
type: 'inline',
|
|
|
|
fixedContentPos: false,
|
|
fixedBgPos: true,
|
|
|
|
overflowY: 'auto',
|
|
|
|
closeBtnInside: true,
|
|
preloader: false,
|
|
|
|
midClick: true,
|
|
removalDelay: 300,
|
|
mainClass: 'my-mfp-zoom-in'
|
|
});
|
|
|
|
$('.popup-with-move-anim').magnificPopup({
|
|
type: 'inline',
|
|
|
|
fixedContentPos: false,
|
|
fixedBgPos: true,
|
|
|
|
overflowY: 'auto',
|
|
|
|
closeBtnInside: true,
|
|
preloader: false,
|
|
|
|
midClick: true,
|
|
removalDelay: 300,
|
|
mainClass: 'my-mfp-slide-bottom'
|
|
});
|
|
|
|
}).apply(this, [jQuery]); |