Question

目前正在为

的客户重做图库

www.stagecraft.co.uk/gallery.html

但我遇到了我的overlay.i想要它是在中间和顶部（带到前面）的任何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

我几乎总是使用this jquery plugin，由Leandro Vieira Pinho，它的辉煌：）

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

Answer 3

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

lightbox js覆盖整个页面并集中

3 个答案: