Descargar para leer sin conexión
![3-Descomprimir la carpeta y crear un documento html dentro de esa carpeta 4-Encima de la etiqueta de cierre </head> escribir esto: <script type="text/javascript" src="js/prototype.js"> </script> <script type="text/javascript" src="js/scriptaculous.js?load=effects,builder"></script> <script type="text/javascript" src="js/lightbox.js"></script> 5-Seguidamente se añade: <link rel="stylesheet" href="css/lightbox.css" type="text/css" media="screen" /> 6-Ya dentro del <body> se añade el siguiente código para insertar imágenes: <a href="images/image-1.jpg" rel="lightbox" title="my caption">image #1</a> 7-Después se pueden insertar tantas imágenes como quieras con éste código: <a href="images/image-1.jpg" rel="lightbox[roadtrip]">image #1</a> <a href="images/image-2.jpg" rel="lightbox[roadtrip]">image #2</a> <a href="images/image-3.jpg" rel="lightbox[roadtrip]">image #3</a> Nota: las imágenes tienen que estar en la carpeta images de la carpeta lightbox.](https://image.slidesharecdn.com/lightbox-100727055617-phpapp01/75/Lightbox-4-2048.jpg)
Subido porSaregune Multimedia
Lightbox
El documento proporciona instrucciones en 7 pasos para instalar y configurar Lightbox, una herramienta que permite ver imágenes en una ventana emergente. Se debe descargar e instalar Lightbox, agregar las hojas de estilo y scripts necesarios, y luego insertar enlaces de imágenes con el atributo rel="lightbox" para habilitar Lightbox.
Lightbox
- 1.
- 2.
- 3. 2-Descargar la carpetacomprimida
- 4. 3-Descomprimir la carpetay crear un documento html dentro de esa carpeta 4-Encima de la etiqueta de cierre </head> escribir esto: <script type="text/javascript" src="js/prototype.js"> </script> <script type="text/javascript" src="js/scriptaculous.js?load=effects,builder"></script> <script type="text/javascript" src="js/lightbox.js"></script> 5-Seguidamente se añade: <link rel="stylesheet" href="css/lightbox.css" type="text/css" media="screen" /> 6-Ya dentro del <body> se añade el siguiente código para insertar imágenes: <a href="images/image-1.jpg" rel="lightbox" title="my caption">image #1</a> 7-Después se pueden insertar tantas imágenes como quieras con éste código: <a href="images/image-1.jpg" rel="lightbox[roadtrip]">image #1</a> <a href="images/image-2.jpg" rel="lightbox[roadtrip]">image #2</a> <a href="images/image-3.jpg" rel="lightbox[roadtrip]">image #3</a> Nota: las imágenes tienen que estar en la carpeta images de la carpeta lightbox.
- 5. Quedaría algo parecidoa esto: