90 lines
1.5 KiB
JavaScript
90 lines
1.5 KiB
JavaScript
/*
|
|
Name: Elements - Lightboxes - Examples
|
|
Written by: Okler Themes - (http://www.okler.net)
|
|
Theme Version: 8.0.0
|
|
*/
|
|
|
|
(function( $ ) {
|
|
|
|
'use strict';
|
|
|
|
/*
|
|
Popup with video or map
|
|
*/
|
|
$('.popup-youtube, .popup-vimeo, .popup-gmaps').magnificPopup({
|
|
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'
|
|
});
|
|
|
|
/*
|
|
Form
|
|
*/
|
|
$('.popup-with-form').magnificPopup({
|
|
type: 'inline',
|
|
preloader: false,
|
|
focus: '#name',
|
|
callbacks: {
|
|
open: function() {
|
|
$('html').addClass('lightbox-opened');
|
|
},
|
|
close: function() {
|
|
$('html').removeClass('lightbox-opened');
|
|
}
|
|
}
|
|
});
|
|
|
|
/*
|
|
Ajax
|
|
*/
|
|
$('.simple-ajax-popup').magnificPopup({
|
|
type: 'ajax',
|
|
callbacks: {
|
|
open: function() {
|
|
$('html').addClass('lightbox-opened');
|
|
},
|
|
close: function() {
|
|
$('html').removeClass('lightbox-opened');
|
|
}
|
|
}
|
|
});
|
|
|
|
}).apply( this, [ jQuery ]); |