“Conocimientos Programación>JavaScript Programación

Javascript Lightbox Tutorial

2011/10/21
Lightbox es una biblioteca JavaScript de código abierto gratuito que puede utilizar para presentar una galería de imágenes en su página web de una manera visualmente atractiva. Cuando un usuario hace clic en una de las imágenes en miniatura , la mesa de luz se desvanecerá el fondo de la página y el zoom en la imagen para llenar la ventana del navegador. El creador de la mesa de luz , ha permitido añadir esta funcionalidad a su sitio web con sólo algunas modificaciones menores en el código HTML. Cosas que necesitará
navegador la página HTML búsqueda Web ( s )
Imágenes
Mostrar más instrucciones

1 Abra su navegador Web y vaya a la mesa de luz página de inicio ( ver Recursos) . Descargue la última versión de la biblioteca .
2

Extraiga el archivo zip que ha descargado . Contiene un ejemplo de un archivo HTML y tres carpetas: " css ", que contiene las hojas de estilo utilizadas por la mesa de luz , "imágenes ", que contiene imágenes utilizadas por la biblioteca , y " js ", que contiene el código fuente de la mesa de luz , así como el prototipo y bibliotecas scriptaculous que son requeridos por la mesa de luz .
3

Copiar los " css ", "imágenes" y " " carpetas js a un lugar que se puede acceder desde su página web . Los pasos restantes asumirán que usted los ha colocado en el mismo directorio que el archivo HTML , si se los pone en un lugar diferente , tendrá que ajustar las trayectorias de estos pasos en consecuencia
4

. Abra el archivo HTML que va a utilizar la mesa de luz en su editor de texto preferido .
5

Si no está utilizando el Prototype y Scriptaculous bibliotecas en su página web , agregue las siguientes dos líneas en el " head ; " sección del archivo HTML:

JavaScript Programación
Cómo instalar scripts para Greasemonkey
Cómo ocultar varios elementos en Javascript
Cómo devolver Funciones adicionales para múltiples números de JavaScript
Cómo hacer una pelota que rebota Animación información
Cómo grabar en una cámara de Chatroulette
Cómo cambiar onSubmit
IE 8 no válido Error JavaScript Pointer
Cómo trazar lentamente en JavaScript
Los últimos artículos de equipo
Artículos de la popular computadora
Más categorías
Conocimientos Informáticos © http://www.ordenador.online