lightbox js superpuesto en toda la página y centralmente

Question

actualmente rehaciendo una galería para un cliente en

www.stagecraft.co.uk/gallery.html

pero tengo problemas con mi superposición. Lo que quiero es que esté en el medio y en la parte superior (traído al frente) de cualquier divs que esté a la vista como imágenes más nuevas, cuando las obtenga del cliente, serán mucho más grande.

cualquier idea muy apreciada. o hay un mejor complemento de lightbox jquery que aún no he encontrado ...

gracias de antemano

Stu

Answer 1

Usar ...

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

Para obtener el tamaño de pantalla para la superposición. Luego, para centrar la caja ...

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

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

Que centrará el cuadro.

Un método bastante común que se encuentra en Internet

Answer 2

Casi siempre uso este complemento jquery , de Leandro Vieira Pinho, su brillante: )

¡Nunca he tenido un problema con su posicionamiento, o cualquier otra cosa que sea fácil de implementar!

Answer 3

Esta es mi caja de luz jQuery de elección: Slimbox 2