javascript - jQueryポップアップウィンドウを常にページの中央に配置していますか?

Question

特定の画像をクリックすると、素敵なポップアップウィンドウを表示できるこのコードを取得しました。これにより、私が作成したギャラリーの大きな画像が表示されます。ただし、何らかの理由でユーザーのウィンドウの中央に表示することはできません。すべての画像のサイズが異なるため、表示される画像に応じて移動します。

リンクは次のとおりです。

http://zeendesign.co.uk/cherrieimogen/cherrieimogen/cherrieImogen/portfolio.html

(css は Reveal.css と呼ばれます)

どんな助けでも大歓迎です。ありがとうございました！

Answer 1

コンテナの残りを 20% に設定する必要があり、それがスクリプトの実行内容であると想定しています。

(windowWidth-containerwidth)/2 に基づいて左に設定してみてください。

すなわち:

v = Math.floor(($(window).width()-$("#myModal").outerWidth())/2)+"px";
$("#myModal").css("left",v);