フォトワイプギャラリーを表示中にユーザーがリンクをクリックする方法を教えてください。

Question

私はPhotoSwipe jQueryのプラグインを使用しています。

私のウェブサイトは、ユーザーがスクロールしたときに固定メニューを使用します。

Zインデックスでは、フォトワイプギャラリーにメニューを重ねることができませんでした。そこで、私はphotoswipeのデフォルトペインのサイズを変更し、メニューのスペースを詰めました。私が好むこの外観も好む。

PhotoSwipeを使用して他のページに移動する代わりにPhotoSwipeのコールバックが表示され、ユーザーが自分の所在地にリダイレクトされるように見えます。

私がphotoswipのdestroyコールバックを使用してアラートを入れると、リダイレクトが遅れます（ユーザーがどこにいたかのページに戻ります）。

リダイレクトされずにフォトワイプギャラリーを閉じることをユーザーに許可するにはどうすればよいですか？

編集： これはフォトワイプギャラリーを初期化する方法です。

function showSoftwareGallery(sections, index){ 
    var pswpElement = document.querySelectorAll('.pswp')[0]; 

    var items = new Array(sections.length); 
    for(var i=0; i<sections.length; i++){ 
     items[i] = { 
      src: sections[i].image, 
      w: 1920, 
      h: 1080, 
     }; 
    } 

// define options (if needed) 
    var options = { 
     // optionName: 'option value' 
     // for example: 
     index: index, // start at first slide 
     escKey: true, 
     arrowKeys: true, 
     shareEl: false, 
     closeEl:true, 
     captionEl: true, 
     fullscreenEl: true, 
     zoomEl: true, 
    }; 

// Initializes and opens PhotoSwipe 
    var headerHeight = $('nav').first().height(); 
    var height = $(window).height() - headerHeight; 
    $('.pswp').first().css('height', height + 'px'); 
    $('.pswp').first().css('top', headerHeight + 'px'); 
    var gallery = new PhotoSwipe(pswpElement, PhotoSwipeUI_Default, items, options); 


    gallery.listen('destroy', function() { alert('destroy')}); 


    gallery.init(); 
} 

編集2 あなたはここに私のphotoswipeディスプレイのスクリーンショットを参照してください。私のメインメニューはまだ表示されており、ユーザーはそのメニューをクリックできます。

Answer 1

src/js/history.jsファイルには、このコードが含まれています

 _listen('destroy', function() { 
      if(!_hashReseted) { 
       returnToOriginal(); 
      } 
     }); 

あなたはので、これは100％ではありませんが、参考にすべきである、再現可能なコードを提供していませんでした。私はこれにそのコードを変更したい：

 _listen('destroy', function() { 
      if(!_hashReseted && !myApp.shouldClosePhotoswipe) { 
       returnToOriginal(); 
      } 
     }); 

のアプリでは、このコードを追加します

var myApp = { 
    // mix in with your javascript code 
    shouldClosePhotoswipe: false 
} 

をして、メニューがどこかに行くためにクリックされたときにだけ、この行を追加します。

myApp.shouldClosePhotoswipe = true; 

その後、dist/photoswipe.jsファイルを再構築する必要があります。
dist/photoswipe.jsファイルを直接編集することもできます。