https://www.studio-sirius.jp/common/scripts/magnific-popup-2nd.js

1$(document).ready(function() {
2$('.magpop').magnificPopup({type: 'image',mainClass: 'my-mfp-zoom-in mfp-img-mobile',closeOnContentClick: true,fixedContentPos: false,
3mage: {verticalFit: true,titleSrc: function(item) {return item.el.attr('title') ;}}});
4});
5
6// グループが複数必要な場合は、このグループごと増やすし、MagpopPhotoGの後は2、3と増やす。10が限界
7$(document).ready(function() {
8$('.MagpopPhotoG').magnificPopup({
9delegate: 'a',type: 'image',tLoading: 'Loading image #%curr%...',mainClass: 'mfp-fade my-mfp-zoom-in mfp-img-mobile',
10gallery: {enabled: true,navigateByImgClick: true,preload: [0,1] },
11image: {tError: '<span class="ErrorText"><a href="%url%">%curr%つ目の画像</a> がロードできませんでした。</span>',titleSrc: function(item) {return item.el.attr('title') ;}}});
12});
13// グループここまで
14
15// グループここから
16$(document).ready(function() {
17$('.MagpopPhotoG2').magnificPopup({
18delegate: 'a',type: 'image',tLoading: 'Loading image #%curr%...',mainClass: 'mfp-fade my-mfp-zoom-in mfp-img-mobile',
19gallery: {enabled: true,navigateByImgClick: true,preload: [0,1] },
20image: {tError: '<span class="ErrorText"><a href="%url%">%curr%つ目の画像</a> がロードできませんでした。</span>',titleSrc: function(item) {return item.el.attr('title') ;}}});
21});
22// グループここまで
23
24
25$('.MagpopIfreamG').magnificPopup({
26delegate: 'a',type: 'iframe',removalDelay: 300,mainClass: 'my-mfp-zoom-in',
27iframe: {
28markup: '<div class="mfp-iframe-scaler">'+
29'<div class="mfp-close"></div>'+
30'<iframe class="mfp-iframe" frameborder="0" allowfullscreen></iframe>'+
31'<div class="mfp-title">&nbsp;</div>'+
32'</div>'
33},
34gallery: {enabled:true},
35callbacks: {markupParse: function(template, values, item) {values.title = item.el.attr('title');}},
36disableOn: function() {if( $(window).width() < 480 ) {return false;} return true;}});
37	
38$(document).ready(function() {
39$('.MagpopIfream').magnificPopup({
40type: 'iframe',
41iframe: {
42markup: '<div class="mfp-iframe-scaler">'+
43'<div class="mfp-close"></div>'+
44'<iframe class="mfp-iframe" frameborder="0" allowfullscreen></iframe>'+
45'<div class="mfp-title">&nbsp;</div>'+
46'</div>'
47},
48callbacks: {markupParse: function(template, values, item) {values.title = item.el.attr('title');}},
49removalDelay: 300,mainClass: 'my-mfp-zoom-in',preloader: false});
50});
51
52
53$(document).ready(function() {
54$('.MagpopHtmlTop').magnificPopup({
55type: 'ajax',alignTop: true,overflowY: 'scroll' ,removalDelay: 300,mainClass: 'my-mfp-zoom-in'});
56
57$('.MagpopHtml').magnificPopup({type: 'ajax',removalDelay: 300,mainClass: 'my-mfp-zoom-in'});
58});