我正在画廊。每件事都很好，除了Lightbox Gallery在屏幕上方比在中心稍微多一点。
灯箱来源：http://lokeshdhakar.com/projects/lightbox2/
它应该动态地将叠加层放在屏幕的中心，但由于某种原因，它不会在我的情况下这样做。当我调试代码时，它将主Lightbox容器属性显示为：
<div id="lightbox" style="display: block; top: 189.4px; left: 0px;">
第二个问题：我怎样才能将照片的描述添加到灯箱，因为它现在只显示照片的标题。我实际上需要添加照片的描述和日期。
为了更清楚，我要添加屏幕截图以显示它在屏幕上的显示效果：
！[在此处输入图片说明] [1]
从这个屏幕截图中可以清楚地看到Lightbox从顶部开始：75像素，这不会使图像在屏幕中间垂直对齐。
答案 0 :(得分：1)
我遇到了同样的问题。垂直对齐由屏幕高度决定，但不考虑图像大小。我的问题是以纵向模式拍摄的照片溢出了页面，所以我决定修改灯箱代码以移动所有图像。如果您提前知道所有图像的大小相同，那么理论上您可以将此值更改为您需要的任何值（您必须自己进行计算。在灯箱中查找此部分代码js并相应地修改它。
o=f.scrollTop()+f.height()/10;n=f.scrollLeft();this.$lightbox.css({top:o+'px',left:n+'px'}
或者，在灯箱css文件中，查找.lightbox并添加以下内容：
top: 0px !important;
将0px值修改为您计算的任何值。
要向灯箱添加说明，请设置<img>标记的alt属性。