fancyBox3 - 開いた画像をクリックしたときにズームを無効にする方法

Question

おはよう。

私はこのようなタイプの問題があります：fancyBoxギャラリーが開かれ、開いている画像（スライド）をクリックすると、画像がズームしています。私はそのような行動を無効にする必要があります。

ドキュメントには、動作をカスタマイズするためにclickContentイベントを使用するアドバイスがあります。私は、ドキュメントからの例を取ると、次の方法により、ギャラリーの私のコピーを初期化します。

$("[data-fancybox]").fancybox({ 
    clickContent : function(current, event) { 
     // return current.type === 'image' ? 'zoom' : false; 
     if (current.type === 'image') { 
      return false; 
     } 
    }, 
    slideShow: false, 
    fullScreen: false, 
    thumbs: false 
}); 

しかしclickContentオーバーライドは動作しません。私はconsole.log()clickContentイベント試してみました：

$("[data-fancybox]").fancybox({ 
    clickContent : function(current, event) { 
     // return current.type === 'image' ? 'zoom' : false; 
     console.log('clicking test!'); 
    }, 
    slideShow: false, 
    fullScreen: false, 
    thumbs: false 
}); 

を、私は成功しませんでした。

多分私はどこかでミスをしています。私を修正してください。前もって感謝します！

Answer 1

ユーザーがコンテンツをクリックしたときにアクションを選択するには、v3.1にアップデートし、clickContentオプションを使用します。可能な値：

"close"   - close instance 
"next"   - move to next gallery item 
"nextOrClose"  - move to next gallery item or close if gallery has only one item 
"toggleControls" - show/hide controls 
"zoom"   - zoom image (if loaded successfully) 
false    - do nothing 

また、リストから値を返す関数でもあります。デフォルト値：

clickContent : function(current, event) { 
    return current.type === 'image' ? 'zoom' : false; 
} 

また、スニペットが正常に動作します - https://codepen.io/anon/pen/GvNdJE