Ircservices.com


¿Cómo obtener mi Popup Lightbox al centro de la pantalla?

¿Cómo obtener mi Popup Lightbox al centro de la pantalla?

Una lightbox es código JavaScript que puede usarse para mostrar una imagen en un cuadro emergente en lugar de una nueva ventana en conjunto. El código está escrito para que muchas de sus características pueden ser editados, incluyendo título, tamaño y posición. Por defecto, lightbox debe saltar en el centro de la pantalla. Si esto no funciona, hay una forma de forzar este centro posicionamiento utilizando código CSS.

Instrucciones

1 descargar Lightbox desde la página de Lightbox. Esta descarga incluye los archivos JavaScript que necesita para ejecutar Lightbox, así como el código CSS que puede utilizar para cambiar su apariencia.

2 Abra su editor de texto, como Bloc de notas o TextEdit. Seleccione "Archivo" del menú superior, luego seleccione "Abierto". Desplácese hasta la carpeta que descargaron Lightbox a, luego haga clic en "lightbox.css" para abrir este archivo. Se abrirá la hoja de estilos CSS.

3 busque la sección thath comienza "#lightbox." Controla la apariencia de la caja que aparece en la pantalla. Después de la "{" añadir el código: posición: fijo; Top: 0; izquierda: 0; Asegúrese de cerrar esto con "}". Esto le dará a su mesa de luz una posición fija sin importar qué navegador está en. El "top" y las designaciones de "izquierda" significan que no se moverá del recinto. Si desea mover su mesa de luz alrededor, Introduzca valores positivos o negativos en los campos de "izquierda" y "top".

4 guardar el archivo haciendo clic en "Archivo" luego "Guardar". Subir todos los archivos al servidor web y usted será capaz de usar caja de luz con una ventana fijada en el centro de la pantalla en cualquier lugar de su sitio.