ギャラリアのボタンをフルスクリーンモードに閉じる

Question

ギャラリアのインスタンスでフルスクリーンモードを使用した場合、エスケープキーを押すだけで閉じることができます。

私はその機能が本当に実用的なので、エンドユーザにとっては直感的ではないので、右上にクローズボタンを追加したいと思います。

ボタンを追加する場所を確認するためのコードを確認しましたが、動作させるために理解できませんでした。

すでに誰かが作成していますか？私はそのアイデアを持った唯一の人ではないことを願っています。

ありがとうございました！

Answer 1

あなたはガレリアのAPIを使用して、それを追加します。

Galleria.ready(function() { 
    var gallery = this; 
    this.addElement('exit').appendChild('container','exit'); 
    var btn = this.$('exit').hide().text('close').click(function(e) { 
     gallery.exitFullscreen(); 
    }); 
    this.bind('fullscreen_enter', function() { 
     btn.show(); 
    }); 
    this.bind('fullscreen_exit', function() { 
     btn.hide(); 
    }); 
}); 

これは、左上隅に近いテキストを配置します、あなたはもちろん、スタイルのはずそれはSOMのCSS、f.exで：

.galleria-exit{position:absolute;top:12px;right:12px;z-index:10;cursor:pointer}