ウィンドウのサイズが変更されたときにエレガントなGalleria jQueryスライドショーを作成

Question

Galleria jQueryスライドショープラグインを使用しています。 $（document）.width（）と$（document）.height（）で幅と高さを指定することで、フルブラウザウィンドウを埋めるようにスライドショーを取得できます。以下のコード：

Galleria.loadTheme('galleria/themes/classic/galleria.classic.min.js'); 
$("#gallery").galleria({ 
    width: $(document).width(), 
    height: $(document).height() 
}); 

私はまた、ウィンドウのサイズが変更されたときに処理するために、次のコードに入れ：

動作しますが、それは、フル画面のリフレッシュを行い、ガレリアの実装のようにエレガントではありません

$(window).resize(function() { 
    location.reload(); 
}); 

、http://galleria.io/themes/fullscreen/。デフォルトのスキンを使用してページ全体をリロードせずにスライドショーのサイズを変更する方法はありますか？

Answer 1

私は拡張機能を使用する場合、私はフルスクリーンでスライドショーを設定することができますし、ウィンドウがページ全体をリロードせずにサイズ変更されたとき、それは自動的にリサイズしますが判明。

$("#gallery").galleria({ 
    width: $(document).width(), 
    height: $(document).height(), 
    extend: function() { 
    this.enterFullscreen(); 
    } 
}); 

Answer 2

私はこれをテストする方法がありません。しかし、このようなものは一発の価値があるかもしれません。

var gal = $("#gallery").galleria({ 
    width: $(document).width(), 
    height: $(document).height() 
}); 

$(window).resize(function() { 
     gal.width = $(document).width(); 
     gal.height = $(document).height(); 
});