Caja de luz Tutorial

La mesa de luz es un javascript revolucionario que le permite ver imágenes, videos o incluso toda una página web en una capa semitransparente en un sitio web. Hay muchas versiones y adaptaciones de la mesa de luz, pero todos ellos son el modelo de la mesa de luz JS, que fue escrito originalmente por Lokesh Dhakar. A pesar de que la mesa de luz JS puede parecer confuso para un no-programador, que en realidad se puede configurar en lugar fácilmente con unas pocas instrucciones.

Obtención de la mesa de luz

Adquirir los archivos adecuados. Hay varias versiones de la mesa de luz original y cada uno se adapta a un determinado conjunto de necesidades. Si va a utilizar la mesa de luz sólo para mostrar imágenes, descarga los archivos de la mesa de luz JS 2. Si se desea visualizar páginas web en Mesa de luz, hay un paquete llamado la mesa de luz ida salvaje que está configurado para ello. Si usted está teniendo problemas para conseguir la mesa de luz JS 2 se ejecute en su servidor web, trate de usar la mesa de luz Plus.

El uso de la mesa de luz JS 2

Lighbox JS 2 está disponible para descargar de forma gratuita en HuddleTogether.com y el archivo zip incluye todo lo necesario para tener Mesas de luz en su sitio web. Una vez descargado y descomprimido los archivos, crear una carpeta para los archivos de la mesa de luz en su servidor web. Abra la página Web que desea trabajar en la mesa de luz han - por ejemplo index.html - e introduzca el siguiente código en su cabecera:

"<! - Start LightboxJS2 ->
<Link rel = "stylesheet" href = "http://www.example.com/lightbox.css" type = "text / css" media = "pantalla" />
<Script type = "text / javascript" rel = "caja de luz" title = "Descripción"> <img border = "0" /> </a> "

Si llama varias imágenes en una página web de esta manera, usted será capaz de navegar por ellas en la mesa de luz usando los botones anterior y siguiente.