-
Cómo crear una mesa de luz Efecto
-
Una caja de luz se utiliza para visualizar las imágenes en su sitio web en una caja de superposición emergente en lugar de redirigir a una página nueva. La mesa de luz utiliza JavaScript y XHTML para crear su efecto, y utiliza una hoja de estilo CSS unido a definir sus parámetros como la altura y la anchura. Cajas de luz son útiles para galerías de sitios web, o de cualquier sitio web que quiere poner imágenes en la pantalla de una manera limpia y ordenada.Instrucciones
1 Descargar el script de la mesa de luz desde el sitio web de la mesa de luz. Lo necesitará más adelante.
2 Abra el archivo HTML en el que desea insertar su mesa de luz. En la sección de encabezado, en "<head>" insertar los enlaces javascript de la siguiente manera:
<Script type = "text / javascript" href = "css / lightbox.css" type = "text / css" media = "pantalla" />
4 lightbox.css abierta, que se incluye en el archivo descargado y mirar por encima de las características de su mesa de luz. Esto tendrá el color del borde de la mesa de luz, el tamaño de la mesa de luz y otras características de su mesa de luz enumerado.
5 Configurar sus imágenes para que se utilizan en lugar de redirigir caja de luz. Para ello, inserte el código adecuado siempre que tenga una imagen en el cuerpo del código HTML.
<a href="images/image-1.jpg" rel="lightbox" title="my caption"> imagen # 1 </a>
Reemplazar "images / image-1.jp" con la ruta al archivo de imagen. Reemplazar "mi leyenda" con cualquier subtítulo le gustaría que la mesa de luz que se vea. Eliminar esta opción si no desea que una leyenda. Reemplazar "imagen # 1" con el texto que desea estar listado de vincular a la imagen.
6 Sube el archivo HTML y todos los archivos que ha descargado a su sitio web. Ahora será capaz de ver el efecto de la mesa de luz en su página web.
Consejos y advertencias
- Probar la página web en diferentes navegadores para asegurarse de que es universalmente funcional.
