Cómo agregar a la mesa de luz

La mesa de luz es un script de Java bajo perfil popular que hace que sea fácil para resaltar las fotografías que aparecen en su página web de manera que los pone al frente y al centro. Mediante la adición de la mesa de luz de su sitio web, se le permitirá a sus espectadores a tirar de las fotografías arriba en el centro de una pantalla y examinar de forma individual. También permite al espectador ver las fotografías de forma rápida haciendo clic en la izquierda o hacia la derecha en la fotografía. La adición de más fotografías de la secuencia de comandos mesa de luz es una cuestión de la inclusión de las imágenes que están en su directorio de sitios web dentro de la secuencia de comandos de la mesa de luz.

Instrucciones

1 Abra el editor de páginas web, y localice el encabezado de su código de página HTML. Incluir los tres archivos JavaScript en su cabecera:

<Script type = "text / javascript" href = "css / lightbox.css" type = "text / css" media = "pantalla" />

3 Añadir rel = "caja de luz" a cualquier etiqueta de enlace para activar la característica de la mesa de luz. Esto significa añadir esta línea al HTML para cualquier imagen que desea estar al frente y centro en la función de la mesa de luz. Por ejemplo:

<a href="images/image-1.jpg" rel="lightbox" title="my caption"> imagen # 1 </a>

Insertar lo que le gustaría decir acerca de la fotografía, rellenando el "mi leyenda" con sus propias palabras. Si desea fotografías adicionales para ser presentado, agregue las líneas que aparecen en el paso cinco.

4 Añadir imágenes adicionales mediante la designación de un grupo de fotografías de la mesa de luz que se vea. Hacerlo añadiendo:

<a rel="lightbox[group]"> href="images/image-1.jpg" imagen # 1 </a>

<a rel="lightbox[group]"> href="images/image-2.jpg" imagen # 2 </a>

<a rel="lightbox[group]"> href="images/image-3.jpg" imagen # 3 </a>

Coloca el nombre del grupo de fotografías que le gustaría ofrecer introduciéndola en los corchetes que dicen "grupo". Utilice una línea para cada fotografía, y recuerden que no hay límite al número de fotografías que usted puede agregar.

5 Compruebe su script tirando hacia arriba de la página web en el navegador. Asegúrese de que sus directorios sean correctos y que las imágenes han sido etiquetados correctamente para que el guión mesa de luz puede localizarlos.