Magnificent Popup - 画像ギャラリーをモーダルボックス内に表示

Question

インラインコンテンツモーダルボックスには華麗なポップアップを使用しました。このモーダルには画像ギャラリーがあります。これは壮大なポップアップを使ってみたいと思います。 「一層深く」に行く方法はありますか？画像をクリックしてギャラリーの表示モードでこれらの画像を表示します。このモーダルボックスを終了すると元のモーダルボックスに戻りますか？

ので、ここでそれが行く、何かアドバイスちょうどこの昨日実装

Answer 1

いただきありがとうございます。あなたのケースでは

var parentPopup = false; 
$.magnificPopup.open({ 
    items: {src: '#inline-content'}, 
    type: 'inline', 
    callbacks: { 
     open: function() { 
      $('#gallery') 
       .off('click') 
       .on('click', function(e) { 
        e.stopPropagation(); 
        // If an instance is open, keep track and close it 
        if ($.magnificPopup.instance.isOpen) { 
         parentPopup = true; 
         // Here we could also store the parent instance in a global var using $.magnificPopup.instance.clone() to, for example, know which was the parent popup if we have multiple of them. 
         $.magnificPopup.close(); 
        } 
       }) 
       .magnificPopup({ 
        type: 'image', 
        gallery: { 
         enabled: true 
        }, 
        callbacks: { 
         afterClose: function() { 
          // If we come from a parent popup 
          if (parentPopup === true) { 
           // Reopen initial popup here    
          } 
         } 
        } 
       }); 
     } 
    } 
}); 

私が追跡し、グローバル変数と2つの条件分岐が必要であるとは思わないが、私の実装はより複雑であるので、私はそこにそれらを残しました。

ここで重要なのは、最初のポップアップを閉じてから次のポップアップを開いてから2番目のポップアップを閉じた後にもう一度開く必要があることです。

希望します。