javascript jQuery popup, lightbox - magnific popup

매우 좋은 팝업 플러그인

http://dimsemenov.com/plugins/magnific-popup/

Magnific Popup is a responsive lightbox & dialog script with focus on performance and providing best experience for user with any device
(for jQuery or Zepto.js).

Documentation · GitHub · WordPress plugin · Build tool · How it was made

/**youtube video popup**/

$('.modal-video').magnificPopup({

type: 'iframe'

});

$(document).ready(function() {
	$('.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
	}
	});
	});