jquery - lightbox js 覆盖整个页面并集中显示

Question

目前正在为客户重做画廊

www.stagecraft.co.uk/gallery.html

但我的叠加层出现问题。我想要的是它位于任何 div 的中间和顶部（带到前面），当我从客户端获取它们时，它们会更大。

任何想法都非常感谢。或者有没有更好的灯箱 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);  

这将使盒子居中。

在互联网上找到的相当常用的方法

Answer 2

我几乎总是使用Leandro Vieira Pinho 的这个 jquery 插件，它很棒:)

我从来没有遇到过它的定位问题，或者其他任何事情，也很容易实现！

Answer 3

这是我选择的 jQuery 灯箱：Slimbox 2