¿Cómo puedo centrar mi ventana emergente de Lightbox en la pantalla?

Escrito por robert godard | Traducido por luciano ariel castro
Introducción
  • Introducción

    ¿Cómo puedo centrar mi ventana emergente de Lightbox en la pantalla?

    Lighbox es un código JavaScript que se puede utilizar para mostrar una imagen en un cuadro emergente en lugar de una ventana totalmente nueva. El código está escrito de manera que muchas de sus características pueden ser editadas, incluyendo título, tamaño y posición. De forma predeterminada, lightbox debería aparecer en el centro de la pantalla. Si esto no funciona, hay una manera de forzar a este posicionamiento central utilizando el código CSS.

    Utiliza Lightbox para crear una galería interactiva para tu sitio web. (Comstock Images/Comstock/Getty Images)

  • 1 / 4

    Descarga Lightbox desde su sitio web oficial. Esta descarga incluye los archivos JavaScript necesarios para ejecutar el programa, así como el código CSS que se puedes utilizar para cambiar su apariencia.

    Descarga Lightbox desde su sitio web oficial. (Burke/Triolo Productions/Brand X Pictures/Getty Images)

  • 2 / 4

    Abre tu editor de texto, como el "Bloc de notas" o "Editor de texto". Selecciona "Archivo" en el menú superior y luego "Abrir". Navega a la carpeta donde has descargado Lightbox y luego haz clic en "lightbox.css" para abrir este archivo. Esto abrirá la hoja de estilos CSS.

    elecciona "Archivo" en el menú superior y luego "Abrir". (Jupiterimages/Polka Dot/Getty Images)

  • 3 / 4

    Encuentra la sección que comienza "#lightbox". Esto controla la apariencia de la caja que aparece en la pantalla. Después de "{" agrega el código: position: fixed; top: 0; left: 0; Asegúrate de cerrar esto con "}". Esto le dará a tu colección una posición fija independientemente del navegador en el que se encuentra. Las denominaciones "top" y "left" significan que no se mueva del centro. Si deseas mover tu colección alrededor, introduce valores positivos o negativos en los campos "top" y "left".

    Si deseas mover tu colección alrededor, introduce valores positivos o negativos en los campos "top" y "left". (Jupiterimages, Brand X Pictures/Brand X Pictures/Getty Images)

  • 4 / 4

    Guarda el archivo haciendo clic en "Archivo" y luego "Guardar". Sube todos los archivos a tu servidor web y serás capaz de utilizar Lightbox con una ventana emergente fija en el centro de la pantalla en cualquier lugar en tu sitio.

    Guarda el archivo haciendo clic en "Archivo" y luego "Guardar". (Ablestock.com/AbleStock.com/Getty Images)

  • Lista de verificación

    Algunos cosas que podrías necesitar

    • Editor de texto
    • Lightbox
  • Más información

    Consejos y advertencias

    También puedes definir otros parámetros para tu colección en tu hoja de estilos CSS, como el color de tu caja.

  • ¡Completo!
    Acaba de ver

    ¿Cómo puedo centrar mi ventana emergente de Lightbox en la pantalla?

    Volver a revisar

No dejes de leer...

Filtrar por:
  • Mostrar todos
  • Artículos
  • Galerías de fotos
  • Videos
Ordenar:
  • Más relevante
  • Más popular
  • Más reciente

No se encuentran artículos disponibles

No se encuentran slideshows disponibles

No se encuentran videos disponibles

Copyright © 1999-2014 Demand Media, Inc. Acerca de

El uso de este sitio constituye la aceptación de los términos y política de privacidad de eHow. Ad Choices es-US

Demand Media