jquery - Lightboxjsはページ全体と中央にオーバーレイします

Question

現在、クライアントのギャラリーをやり直しています。

www.stagecraft.co.uk/gallery.html

しかし、オーバーレイで問題が発生しています。新しい画像として表示されているdivの中央と上部（前面に表示）にあると、クライアントから取得したときに、はるかに大きくなります。

どんなアイデアでも大歓迎です。または、私がまだ見つけていない、より良いライトボックスjqueryプラグインがありますか。

前もって感謝します

Stu

Answer 1

使用する...

var ScreenHeight = $(document).height();  
var ScreenkWidth = $(window).width(); 

オーバーレイの画面サイズを取得します。次に、ボックスを中央に配置します...

var winH = $(window).height();  
var winW = $(window).width();  

$('selector').css('top',  winH/2-$(id).height()/2);  
$('selector').css('left', winW/2-$(id).width()/2);  

ボックスを中央に配置します。

インターネット全体で見られる非常に一般的に使用される方法

Answer 2

私はほとんどの場合、LeandroVieiraPinhoによるこのjqueryプラグインを使用しています。

ポジショニングやその他の問題は一度もありませんが、実装も簡単です。

Answer 3

これが私の選択したjQueryライトボックスです：Slimbox 2