总是将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'});