Recommandé
Recommandé
Contenu connexe
En vedette
En vedette (20)
Similaire à Lightbox
Similaire à Lightbox (20)
Lightbox
- 1. LIGHTBOX
- 3. 2-Descargar la carpeta comprimida
- 4. 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.
- 5. Quedaría algo parecido a esto: