Foros del Web » Programando para Internet » Javascript » Frameworks JS »

lightbox

Estas en el tema de lightbox en el foro de Frameworks JS en Foros del Web. Hola a todos!!! Tengo un problema, estoy haciendo una web y quiero hacer un efecto con las fotos, es algo sencillo, solo necesito que las ...
  #1 (permalink)  
Antiguo 29/06/2011, 12:39
Avatar de pampa_  
Fecha de Ingreso: mayo-2006
Mensajes: 334
Antigüedad: 17 años, 11 meses
Puntos: 1
lightbox

Hola a todos!!!

Tengo un problema, estoy haciendo una web y quiero hacer un efecto con las fotos, es algo sencillo, solo necesito que las fotos que se vean en la pagina al clicar sobre ellas pues se hagan mas grandes (y si es posible que se pueda ir hacia adelante y hacia atras).

Bueno pues esto buscando en internet he encontrado varias formas una muy buena es el lightbox. Pero sucede que al probarlo en mi web no me hace el efecto, sino que me carga la foto en grande dentro de la web.

Estoy haciendo pruebas y ese mismo codigo lo pongo y lo pruebo en mi pc, en localhost y si que va... es este codigo
Código HTML:
Ver original
  1. <script type="text/javascript" src="js/mootools.js"></script>
  2. <script type="text/javascript" src="js/slimbox.js"></script>
  3. <link rel="stylesheet" href="css/slimbox.css" type="text/css" media="screen" />
  4.     <h1>Pablo Picasso</h1>
  5.     <p>
  6.         <a href="imagenes/la_lampara.jpg" rel="lightbox[picasso]" title="La L&aacute;mpara (Pablo Picasso)"><img src="imagenes/preview/pre_la_lampara.jpg"></a>
  7.         <a href="imagenes/guernika.jpg" rel="lightbox[picasso]" title="El Geurnika (Pablo Picasso)"><img src="imagenes/preview/pre_guernika.jpg"></a>
  8.         <a href="imagenes/maya_poupee.jpg" rel="lightbox[picasso]" title="Maya &aacute; la poup&eacute;e (Pablo Picasso)"><img src="imagenes/preview/pre_maya_poupee.jpg"></a>
  9.         <a href="imagenes/retrato_jacqueline.jpg" rel="lightbox[picasso]" title="Retrato de Jacqueline (Pablo Picasso)"><img src="imagenes/preview/pre_retrato_jacqueline.jpg"></a>
  10.     </p>
  11.     <h1>Leonardo Da Vinci</h1>
  12.     <p>
  13.         <a href="imagenes/ultima_cena.jpg" rel="lightbox[davinci]" title="La &Uacute;ltima Cena (Leonardo Da Vinci)"><img src="imagenes/preview/pre_ultima_cena.jpg"></a>
  14.         <a href="imagenes/hombre_vitrubio.jpg" rel="lightbox[davinci]" title="El Hombre de Vitrubio (Leonardo Da Vinci)"><img src="imagenes/preview/pre_hombre_vitrubio.jpg"></a>
  15.         <a href="imagenes/gioconda.jpg" rel="lightbox[davinci]" title="La Gioconda (Leonardo Da Vinci)"><img src="imagenes/preview/pre_gioconda.jpg"></a>
  16.     </p>

Bueno pues si esto lo subo a mi web... no me hace nada...

www.inmueblesamas.es lo he puesto en la parte de "quienes somos" si alguien me puede hechar una mano gracias!!!

Etiquetas: javascript, lightbox
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 08:00.