jquery - lightbox js覆盖整个页面并居中

Question

目前正在为一位客户重做画廊

www.stagecraft.co.uk/gallery.html

但我的叠加层出现问题。我想要的是它位于任何 div 的中间和顶部(带到前面)，当我从客户那里得到它们时，它会被视为较新的图像更大。

非常感谢任何想法。或者有没有更好的 lightbox jquery 插件我还没有找到..

提前致谢

斯图

Answer 1

使用...

var ScreenHeight = $(document).height();  
var ScreenkWidth = $(window).width(); 

获取叠加层的屏幕尺寸。然后将框居中...

var winH = $(window).height();  
var winW = $(window).width();  

$('selector').css('top',  winH/2-$(id).height()/2);  
$('selector').css('left', winW/2-$(id).width()/2);  

这将使框居中。

网上搜到的比较常用的方法