Question

我得到了这个代码，当点击特定图像时，它允许一个漂亮的弹出窗口。这为我制作的画廊带来了更大的图像。但由于某种原因，我不能让它出现在用户窗口的中央，因为所有图像的大小都不同，它们会根据显示的图像移动。

链接位于：

（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'});