Ver Mensaje Individual
  #2 (permalink)  
Antiguo 18/03/2010, 11:26
tobon
 
Fecha de Ingreso: marzo-2010
Mensajes: 1
Antigüedad: 14 años, 1 mes
Puntos: 0
Respuesta: Problema con Lightbox

para hacer funcionar el lightbox correctamente es sencillo.
Primero descarga este archivo(es el lightbox 2.04)
[URL="http://www.huddletogether.com/projects/lightbox2/releases/lightbox2.04.zip"]http://www.huddletogether.com/projects/lightbox2/releases/lightbox2.04.zip[/URL]
Esa carpeta la tendras que descomprimir en misma carpeta que tengas tu html.
Despues dentro de <head></head> tendras que poner lo siguientes scripts:
Cita:
<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>
<link rel="stylesheet" href="css/lightbox.css" type="text/css" media="screen" />
Todo tiene que ir en ese orden.
Ahora supongamos que tu imagen se llama image-1.jpg entonces quedaria asi en tu codigo html:
Cita:
<a href="images/image-1.jpg" rel="lightbox" title="my caption">image #1</a>
Notaras que en "rel" pusiste lightbox , eso significa que estas llamando al efecto lightbox.
Si tienes varias imagenes y quieres que todas aparescan en el mismo efecto(osea que te de la opcion a pasar a la siguiente imagen) tendria que quedar asi:
Cita:
<a href="images/image-1.jpg" rel="lightbox[galeria]">image #1</a>
<a href="images/image-2.jpg" rel="lightbox[galeria]">image #2</a>
<a href="images/image-3.jpg" rel="lightbox[galeria]">image #3</a>
Eso seria todo para que funcione al 100% tu efecto lightbox,
informacion sacada de [URL="http://www.huddletogether.com/projects/lightbox2/"]http://www.huddletogether.com/projects/lightbox2/[/URL]

Suerte ;)