總是將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); 

Answer 2

位置的圖像後，對話框被加載。

$('#dlg') 
.dialog('open')    
.dialog({position:'center'});