Lightbox

456 vues

Publié le

0 commentaire
0 j’aime
Statistiques
Remarques
  • Soyez le premier à commenter

  • Soyez le premier à aimer ceci

Aucun téléchargement
Vues
Nombre de vues
456
Sur SlideShare
0
Issues des intégrations
0
Intégrations
2
Actions
Partages
0
Téléchargements
3
Commentaires
0
J’aime
0
Intégrations 0
Aucune incorporation

Aucune remarque pour cette diapositive

Lightbox

  1. 1. LIGHTBOX
  2. 2. 1-Entrar en: http://www.lokeshdhakar.com/projects/lightbox2/
  3. 3. 2-Descargar la carpeta comprimida
  4. 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=&quot;text/javascript&quot; src=&quot;js/prototype.js&quot;> </script> <script type=&quot;text/javascript&quot; src=&quot;js/scriptaculous.js?load=effects,builder&quot;></script> <script type=&quot;text/javascript&quot; src=&quot;js/lightbox.js&quot;></script> 5-Seguidamente se añade: <link rel=&quot;stylesheet&quot; href=&quot;css/lightbox.css&quot; type=&quot;text/css&quot; media=&quot;screen&quot; /> 6-Ya dentro del <body> se añade el siguiente código para insertar imágenes: <a href=&quot;images/image-1.jpg&quot; rel=&quot;lightbox&quot; title=&quot;my caption&quot;>image #1</a> 7-Después se pueden insertar tantas imágenes como quieras con éste código: <a href=&quot;images/image-1.jpg&quot; rel=&quot;lightbox[roadtrip]&quot;>image #1</a> <a href=&quot;images/image-2.jpg&quot; rel=&quot;lightbox[roadtrip]&quot;>image #2</a> <a href=&quot;images/image-3.jpg&quot; rel=&quot;lightbox[roadtrip]&quot;>image #3</a> Nota: las imágenes tienen que estar en la carpeta images de la carpeta lightbox.
  5. 5. Quedaría algo parecido a esto:

×