Cajas de luz son cuadros de diálogo modales que se superponen en la parte superior de una página web. A menudo son utilizados por los desarrolladores web para visualizar imágenes o vídeo de una manera agradable, fácil de usar. Afortunadamente para los desarrolladores, hay muchos plug-ins existentes en Javascript que simplifican el proceso de creación y mostrando una caja de luz. Popular plug-in es la mesa de luz JS. El uso de la mesa de luz JS, los desarrolladores sólo tienen que escribir unas pocas líneas de código para hacer un clic en una imagen desencadenar una caja de luz.
Instrucciones
1 Ir a http://www.huddletogether.com/projects/lightbox/ y descargar el script de la mesa de luz JS.
2 Busque el "<head> </ head>" etiquetas de su página web. Entre estas líneas, incluir el guión mesa de luz JS ha descargado en el paso 1: ". Etiquetas de anclaje Ajuste el" "<script type =" text / javascript <a> "atributo rel de la etiqueta de" caja de luz "y su atributo src para la ubicación de el archivo de imagen.
4 Su código final debe tener este aspecto:
<a href="my-image-src.jpg" rel="lightbox"> <img src = "mi-imagen-src.jpg" /> </a>