Lightbox
Upcoming SlideShare
Loading in...5
×
 

Lightbox

on

  • 498 views

 

Statistics

Views

Total Views
498
Views on SlideShare
498
Embed Views
0

Actions

Likes
0
Downloads
1
Comments
0

0 Embeds 0

No embeds

Accessibility

Categories

Upload Details

Uploaded via as OpenOffice

Usage Rights

CC Attribution License

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

    Lightbox Lightbox Presentation Transcript

    • LIGHTBOX
    • 1-Entrar en: http://www.lokeshdhakar.com/projects/lightbox2/
    • 2-Descargar la carpeta comprimida
    • 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.
    • Quedaría algo parecido a esto: