лайтбокс js накладывается на всю страницу и централизованно

Question

в настоящее время переделывает галерею для клиента на

www.stagecraft.co.uk / gallery.html

но у меня возникают проблемы с моим оверлеем. Я хочу, чтобы он находился посередине и сверху (выводился на передний план) любых элементов div, которые рассматриваются как более новые изображения, когда я получу их от клиента, их будет много больше.

Любые идеи с благодарностью. или есть лучший плагин лайтбокса jquery, которого я еще не нашел ..

заранее спасибо

Stu

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

Это мой лайтбокс JQuery на выбор: Slimbox 2

Answer 3

Я почти всегда использую этот плагин jquery от Leandro Vieira Pinho, его великолепно:)

У меня никогда не было проблем с его позиционированием или чем-то еще в этом отношении, его тоже легко реализовать!