ページ全体および中央にライトボックスjsオーバーレイ

StackOverflow https://stackoverflow.com/questions/1417756

  •  07-07-2019
  •  | 
  •  

質問

現在、クライアントのギャラリーをやり直し

www.stagecraft.co.uk/gallery.html

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

アイデアは大歓迎です。または、まだ見つかっていないより優れたライトボックスjqueryプラグインがあります。

事前に感謝

研究

役に立ちましたか？

解決

使用... 

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);

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

インターネットで一般的に使用されるかなり一般的な方法

他のヒント

私はほぼ常にこのjqueryプラグインを使用しています。 ）

その配置やその他の問題で、実装が簡単なことは一度もありません！

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

ライセンス： CC-BY-SA と 帰属
所属していません StackOverflow
scroll top