Leuchtkasten js Overlay über die ganze Seite und zentral

Question

zur Zeit eine Galerie für einen Kunden in

redoing

www.stagecraft.co.uk/gallery.html

, aber ich bin immer Probleme mit meinem overlay.i wollen, ist es in der Mitte ist und auf der Oberseite (nach vorne gebracht) von irgendwelchen divs, die als neuere Bilder in Sicht sind, wenn ich sie von Client zu bekommen, wird viel sein größer.

irgendwelche Ideen sehr geschätzt. oder gibt es eine bessere Leuchtkasten jQuery-Plugin gibt, die ich nicht gefunden habe noch ..

Vielen Dank im Voraus

Stu

Answer 1

Verwenden ...

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

Um die Bildschirmgröße für das Overlay zu bekommen. Dann die Mitte ...

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

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

, die die Box zentriert wird.

Ganz eine häufig verwendete Methode über das Internet gefunden

Answer 2

ich fast immer benutzen die jQuery-Plugin , von Leandro Vieira Pinho, seine brillanten: )

Ich habe noch nie ein Problem mit seiner Positionierung hatte, oder irgendetwas, was anderes für diese Angelegenheit, einfach zu implementieren!

Answer 3

Dies ist meine jQuery Leuchtkasten der Wahl: Slimbox 2