problema con lightbox2 en web html

mar_3_21 · #1 (**permalink**) 25/11/2012, 06:13

Buen día!

tengo una web en html con varias galerías de fotos en lightbox...ya probé de todo, pero nologro q funcionen todas las galerías, aparentemente inserte bien los archivos de lightbox2 y las rutas de las imágenes...ya lo revisé mil veces, aún así algunas galerías funcionan y otras no.

colgué todas las galerías en este link para probar en limpio, pero sigue igual:

[URL="http://enmardeostende.com.ar/Untitled.htm"]http://enmardeostende.com.ar/Untitled.htm[/URL]

este es el código:

Código HTML:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Documento sin t&iacute;tulo</title>


<script src="js/jquery-1.7.2.min.js"></script>
<script src="js/lightbox.js"></script>
<link href="css/lightbox.css" rel="stylesheet" />

<link rel="stylesheet" type="text/css" href="style.css" />
</head> 

<body>
<div><a href="images/Paris/1c.jpg" rel="lightbox[galeria]"><img src="images/Paris/chaletostende.png" alt="l" width="447" height="314" border="0" align="left" /></a><a href="images/Paris/2c.jpg" rel="lightbox[galeria]"></a><a href="images/Paris/3c.jpg" rel="lightbox[galeria]"></a><a href="images/Paris/4c.jpg" rel="lightbox[galeria]"></a><a href="images/Paris/5c.jpg" rel="lightbox[galeria]"></a><a href="images/Paris/6c.jpg" rel="lightbox[galeria]"></a><a href="images/Paris/7c.jpg" rel="lightbox[galeria]"></a><a href="images/Paris/8c.jpg" rel="lightbox[galeria]"></a><a href="images/Paris/9c.jpg" rel="lightbox[galeria]"></a><a href="images/Paris/10c.jpg" rel="lightbox[galeria]"></a><a href="images/Paris/11c.jpg" rel="lightbox[galeria]"></a><a href="images/Paris/12c.jpg" rel="lightbox[galeria]"></a><a href="images/Paris/13c.jpg" rel="lightbox[galeria]"></a><a href="images/Paris/14c.jpg" rel="lightbox[galeria]"></a><a href="images/Paris/15c.jpg" rel="lightbox[galeria]"></a><a href="images/Paris/16c.jpg" rel="lightbox[galeria]"></a><a href="images/Paris/17c.jpg" rel="lightbox[galeria]"></a><a href="images/Paris/18c.jpg" rel="lightbox[galeria]"></a><a href="images/Paris/19c.jpg" rel="lightbox[galeria]"></a></div>

<div><a href="images/mo3/Frente3.jpg" rel="lightbox[galeria]"><img src="images/mo3/Mardeostende3.png" alt="Chalets Mar de Ostende" width="293" height="251" border="0" align="left" /></a>
<a href="images/mo3/1b.jpg" rel="lightbox[galeria]"></a> <a href="images/mo3/2b.jpg" rel="lightbox[galeria]"></a>
<a href="images/mo3/3b.jpg" rel="lightbox[galeria]"></a> <a href="images/mo3/4b.jpg" rel="lightbox[galeria]"></a> 
<a href="images/mo3/5b.jpg" rel="lightbox[galeria]"></a> <a href="images/mo3/6b.jpg" rel="lightbox[galeria]"></a> 
<a href="images/mo3/7b.jpg" rel="lightbox[galeria]"></a> <a href="images/mo3/8b.jpg" rel="lightbox[galeria]"></a>
<a href="images/mo3/9b.jpg" rel="lightbox[galeria]"></a> <a href="images/mo3/10b.jpg" rel="lightbox[galeria]"></a> 
<a href="images/mo3/11b.jpg" rel="lightbox[galeria]"></a> <a href="images/mo3/12b.jpg" rel="lightbox[galeria]"></a> 
<a href="images/mo3/13b.jpg" rel="lightbox[galeria]"></a> <a href="images/mo3/14b.jpg" rel="lightbox[galeria]"></a> 
<a href="images/mo3/15b.jpg" rel="lightbox[galeria]"></a> <a href="images/mo3/16b.jpg" rel="lightbox[galeria]"></a> 
<a href="images/mo3/17b.jpg" rel="lightbox[galeria]"></a> <a href="images/mo3/18b.jpg" rel="lightbox[galeria]"></a> 
<a href="images/mo3/19b.jpg" rel="lightbox[galeria]"></a> <a href="images/mo3/20b.jpg" rel="lightbox[galeria]"></a> 
<a href="images/mo3/21b.jpg" rel="lightbox[galeria]"></a></div>

<div><a href="images/mo2/Frente2.jpg" rel="lightbox[galeria]"><img src="images/mo2/Mardeostende2.png" alt="Chalets Mar de Ostende" width="288" height="248" border="0" align="left" /></a> 
<a href="images/mo2/2.jpg" rel="lightbox[galeria]"></a> <a href="images/mo2/3.jpg" rel="lightbox[galeria]"></a>
<a href="images/mo2/4.jpg" rel="lightbox[galeria]"></a> <a href="images/mo2/5.jpg" rel="lightbox[galeria]"></a> 
<a href="images/mo2/6.jpg" rel="lightbox[galeria]"></a> <a href="images/mo2/7.jpg" rel="lightbox[galeria]"></a> 
<a href="images/mo2/8.jpg" rel="lightbox[galeria]"></a> <a href="images/mo2/9.jpg" rel="lightbox[galeria]"></a>
<a href="images/mo2/10.jpg" rel="lightbox[galeria]"></a> <a href="images/mo2/11.jpg" rel="lightbox[galeria]"></a> 
<a href="images/mo2/12.jpg" rel="lightbox[galeria]"></a> <a href="images/mo2/13.jpg" rel="lightbox[galeria]"></a> 
<a href="images/mo2/14.jpg" rel="lightbox[galeria]"></a> <a href="images/mo2/15.jpg" rel="lightbox[galeria]"></a></div>


<div><a href="images/pin3/1j.jpg" rel="lightbox[galeria]"><img src="images/pin3/3 amb.png" alt="Departamentos Pinamar" width="292" height="253" border="0" align="left" /></a>
<a href="images/pin3/2j.jpg" rel="lightbox[galeria]"></a>
<a href="images/pin3/3j.jpg" rel="lightbox[galeria]"></a>
<a href="images/pin3/4j.jpg" rel="lightbox[galeria]"></a> 
<a href="images/pin3/5j.jpg" rel="lightbox[galeria]"></a>
<a href="images/pin3/6j.jpg" rel="lightbox[galeria]"></a> <a href="images/pin3/7j.jpg" rel="lightbox[galeria]"></a><a href="images/pin3/8j.jpg" rel="lightbox[galeria]"></a> <a href="images/pin3/9j.jpg" rel="lightbox[galeria]"></a><a href="images/pin3/10j.jpg" rel="lightbox[galeria]"></a> <a href="images/pin3/11j.jpg" rel="lightbox[galeria]"></a><a href="images/pin3/12j.jpg" rel="lightbox[galeria]"></a> <a href="images/pin3/13j.jpg" rel="lightbox[galeria]"></a><a href="images/pin3/14j.jpg" rel="lightbox[galeria]"></a> <a href="images/pin3/15j.jpg" rel="lightbox[galeria]"></a><a href="images/pin3/16j.jpg" rel="lightbox[galeria]"></a> <a href="images/pin3/17j.jpg" rel="lightbox[galeria]"></a><a href="images/pin3/18j.jpg" rel="lightbox[galeria]"></a> <a href="images/pin3/19j.jpg" rel="lightbox[galeria]"></a><a href="images/pin3/20j.jpg" rel="lightbox[galeria]"></a> <a href="images/pin3/21j.jpg" rel="lightbox[galeria]"></a><a href="images/pin3/22j.jpg" rel="lightbox[galeria]"></a></div>

<div><a href="images/pin2/1e.jpg" rel="lightbox[galeria]"><img src="images/pin2/2 amb.png" alt="Departamentos Pinamar" width="292" height="253" border="0" align="left" /></a>
<a href="images/pin2/2e.jpg" rel="lightbox[galeria]"></a>
<a href="images/pin2/3e.jpg" rel="lightbox[galeria]"></a>
<a href="images/pin2/4e.jpg" rel="lightbox[galeria]"></a> 
<a href="images/pin2/5e.jpg" rel="lightbox[galeria]"></a>
<a href="images/pin2/6e.jpg" rel="lightbox[galeria]"></a> <a href="images/pin2/7e.jpg" rel="lightbox[galeria]"></a><a href="images/pin2/8e.jpg" rel="lightbox[galeria]"></a> <a href="images/pin2/9e.jpg" rel="lightbox[galeria]"></a><a href="images/pin2/10e.jpg" rel="lightbox[galeria]"></a> <a href="images/pin2/11e.jpg" rel="lightbox[galeria]"></a><a href="images/pin2/12e.jpg" rel="lightbox[galeria]"></a> <a href="images/pin2/13e.jpg" rel="lightbox[galeria]"></a></div>

<div><a href="images/pin1/1d.jpg" rel="lightbox[galeria]"><img src="images/pin1/monoambiente.png" alt="departamentos pinamar" width="292" height="253" border="0" align="left" /></a>
<a href="images/pin1/2d.jpg" rel="lightbox[galeria]"></a> 
<a href="images/pin1/3d.jpg" rel="lightbox[galeria]"></a> 
<a href="images/pin1/4d.jpg" rel="lightbox[galeria]"></a> 
<a href="images/pin1/5d.jpg" rel="lightbox[galeria]"></a> 
<a href="images/pin1/6d.jpg" rel="lightbox[galeria]"></a> 
<a href="images/pin1/7d.jpg" rel="lightbox[galeria]"></a> 
<a href="images/pin1/8d.jpg" rel="lightbox[galeria]"></a> 
<a href="images/pin1/9d.jpg" rel="lightbox[galeria]"></a></div>

</body>
</html>

A ver si alguien ve algún error, ya no se qué vuelta darle. Muchísimas gracias!

Saludos

pzin · #2 (**permalink**) 25/11/2012, 06:25

Yo veo que al acceder a algunas imágenes salta un error 404. No he comprobado todas, obviamente, pero supongo que será ese el problema, porque lightbox va bien ya que las que tienen una ruta correcta las carga bien.

mar_3_21 · #3 (**permalink**) 25/11/2012, 07:27

gracias por tu respuesta Bonez, olvidé decir que cuando miró el archivo htm directamente desde mi pc, no dsede el dervidor, funcionan todas las galerías perfectamente...

pzin · #4 (**permalink**) 25/11/2012, 09:12

Eso confirmaría más aún que es un problema de rutas o bien que las imágenes no están subidas al servidor, o lo no están correctamente —que sigue siendo un problema de rutas.

Dado que sólo usas HTML, CSS y Javascript para la galería, debe de verse igual en local que en el servidor, porque estas tres cosas son dependientes del navegador. Pero la única cosa que puede andar mal son las rutas para que deje de funcionar —no encontrar una imagen, un archivo CSS o el archivo de jQuery...

mar_3_21 · #5 (**permalink**) 26/11/2012, 03:48

uff, ya pasé todo en limpio de nuevo , cambié las rutas por las dudas, subí todo al servidor nuevamente, los archivos js y css de lightbox están en el lugar indicado...pero me pasa otra vez lo mismo, me funcionan unas galerías y otras no

esto ya me parece raro!

Código HTML:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Documento sin t&iacute;tulo</title>


<script src="js/jquery-1.7.2.min.js"></script>
<script src="js/lightbox.js"></script>
<link href="css/lightbox.css" rel="stylesheet" />

<link rel="stylesheet" type="text/css" href="style.css" />
</head> 

<body>
<div><a href="images/1c.jpg" rel="lightbox[galeria]"><img src="images/chaletostende.png" alt="l" width="447" height="314" border="0" align="left" /></a><a href="images/2c.jpg" rel="lightbox[galeria]"></a><a href="images/3c.jpg" rel="lightbox[galeria]"></a><a href="images/4c.jpg" rel="lightbox[galeria]"></a><a href="images/5c.jpg" rel="lightbox[galeria]"></a><a href="images/6c.jpg" rel="lightbox[galeria]"></a><a href="images/7c.jpg" rel="lightbox[galeria]"></a><a href="images/8c.jpg" rel="lightbox[galeria]"></a><a href="images/9c.jpg" rel="lightbox[galeria]"></a><a href="images/10c.jpg" rel="lightbox[galeria]"></a><a href="images/11c.jpg" rel="lightbox[galeria]"></a><a href="images/12c.jpg" rel="lightbox[galeria]"></a><a href="images/13c.jpg" rel="lightbox[galeria]"></a><a href="images/14c.jpg" rel="lightbox[galeria]"></a><a href="images/15c.jpg" rel="lightbox[galeria]"></a><a href="images/16c.jpg" rel="lightbox[galeria]"></a><a href="images/17c.jpg" rel="lightbox[galeria]"></a><a href="images/18c.jpg" rel="lightbox[galeria]"></a><a href="images/19c.jpg" rel="lightbox[galeria]"></a></div>

<div><a href="images/Frente3.jpg" rel="lightbox[galeria]"><img src="images/Mardeostende3.png" alt="Chalets Mar de Ostende" width="293" height="251" border="0" align="left" /></a>
<a href="images/1b.jpg" rel="lightbox[galeria]"></a> <a href="images/2b.jpg" rel="lightbox[galeria]"></a>
<a href="images/3b.jpg" rel="lightbox[galeria]"></a> <a href="images/4b.jpg" rel="lightbox[galeria]"></a> 
<a href="images/5b.jpg" rel="lightbox[galeria]"></a> <a href="images/6b.jpg" rel="lightbox[galeria]"></a> 
<a href="images/7b.jpg" rel="lightbox[galeria]"></a> <a href="images/8b.jpg" rel="lightbox[galeria]"></a>
<a href="images/9b.jpg" rel="lightbox[galeria]"></a> <a href="images/10b.jpg" rel="lightbox[galeria]"></a> 
<a href="images/11b.jpg" rel="lightbox[galeria]"></a> <a href="images/12b.jpg" rel="lightbox[galeria]"></a> 
<a href="images/13b.jpg" rel="lightbox[galeria]"></a> <a href="images/14b.jpg" rel="lightbox[galeria]"></a> 
<a href="images/15b.jpg" rel="lightbox[galeria]"></a> <a href="images/16b.jpg" rel="lightbox[galeria]"></a> 
<a href="images/17b.jpg" rel="lightbox[galeria]"></a> <a href="images/18b.jpg" rel="lightbox[galeria]"></a> 
<a href="images/19b.jpg" rel="lightbox[galeria]"></a> <a href="images/20b.jpg" rel="lightbox[galeria]"></a> 
<a href="images/21b.jpg" rel="lightbox[galeria]"></a></div>

<div><a href="images/Frente2.jpg" rel="lightbox[galeria]"><img src="images/Mardeostende2.png" alt="Chalets Mar de Ostende" width="288" height="248" border="0" align="left" /></a> 
<a href="images/2.jpg" rel="lightbox[galeria]"></a> <a href="images/3.jpg" rel="lightbox[galeria]"></a>
<a href="images/4.jpg" rel="lightbox[galeria]"></a> <a href="images/5.jpg" rel="lightbox[galeria]"></a> 
<a href="images/6.jpg" rel="lightbox[galeria]"></a> <a href="images/7.jpg" rel="lightbox[galeria]"></a> 
<a href="images/8.jpg" rel="lightbox[galeria]"></a> <a href="images/9.jpg" rel="lightbox[galeria]"></a>
<a href="images/10.jpg" rel="lightbox[galeria]"></a> <a href="images/11.jpg" rel="lightbox[galeria]"></a> 
<a href="images/12.jpg" rel="lightbox[galeria]"></a> <a href="images/13.jpg" rel="lightbox[galeria]"></a> 
<a href="images/14.jpg" rel="lightbox[galeria]"></a> <a href="images/15.jpg" rel="lightbox[galeria]"></a></div>


<div><a href="images/1j.jpg" rel="lightbox[galeria]"><img src="images/3 amb.png" alt="Departamentos Pinamar" width="292" height="253" border="0" align="left" /></a>
<a href="images/2j.jpg" rel="lightbox[galeria]"></a>
<a href="images/3j.jpg" rel="lightbox[galeria]"></a>
<a href="images/4j.jpg" rel="lightbox[galeria]"></a> 
<a href="images/5j.jpg" rel="lightbox[galeria]"></a>
<a href="images/6j.jpg" rel="lightbox[galeria]"></a> <a href="images/7j.jpg" rel="lightbox[galeria]"></a><a href="images/8j.jpg" rel="lightbox[galeria]"></a> <a href="images/9j.jpg" rel="lightbox[galeria]"></a><a href="images/10j.jpg" rel="lightbox[galeria]"></a> <a href="images/11j.jpg" rel="lightbox[galeria]"></a><a href="images/12j.jpg" rel="lightbox[galeria]"></a> <a href="images/13j.jpg" rel="lightbox[galeria]"></a><a href="images/14j.jpg" rel="lightbox[galeria]"></a> <a href="images/15j.jpg" rel="lightbox[galeria]"></a><a href="images/16j.jpg" rel="lightbox[galeria]"></a> <a href="images/17j.jpg" rel="lightbox[galeria]"></a><a href="images/18j.jpg" rel="lightbox[galeria]"></a> <a href="images/19j.jpg" rel="lightbox[galeria]"></a><a href="images/20j.jpg" rel="lightbox[galeria]"></a> <a href="images/21j.jpg" rel="lightbox[galeria]"></a><a href="images/22j.jpg" rel="lightbox[galeria]"></a></div>

<div><a href="images/1e.jpg" rel="lightbox[galeria]"><img src="images/2 amb.png" alt="Departamentos Pinamar" width="292" height="253" border="0" align="left" /></a>
<a href="images/2e.jpg" rel="lightbox[galeria]"></a>
<a href="images/3e.jpg" rel="lightbox[galeria]"></a>
<a href="images/4e.jpg" rel="lightbox[galeria]"></a> 
<a href="images/5e.jpg" rel="lightbox[galeria]"></a>
<a href="images/6e.jpg" rel="lightbox[galeria]"></a> <a href="images/7e.jpg" rel="lightbox[galeria]"></a><a href="images/8e.jpg" rel="lightbox[galeria]"></a> <a href="images/9e.jpg" rel="lightbox[galeria]"></a><a href="images/10e.jpg" rel="lightbox[galeria]"></a> <a href="images/11e.jpg" rel="lightbox[galeria]"></a><a href="images/12e.jpg" rel="lightbox[galeria]"></a> <a href="images/13e.jpg" rel="lightbox[galeria]"></a></div>

<div><a href="images/1d.jpg" rel="lightbox[galeria]"><img src="images/monoambiente.png" alt="departamentos pinamar" width="292" height="253" border="0" align="left" /></a>
<a href="images/2d.jpg" rel="lightbox[galeria]"></a> 
<a href="images/3d.jpg" rel="lightbox[galeria]"></a> 
<a href="images/4d.jpg" rel="lightbox[galeria]"></a> 
<a href="images/5d.jpg" rel="lightbox[galeria]"></a> 
<a href="images/6d.jpg" rel="lightbox[galeria]"></a> 
<a href="images/7d.jpg" rel="lightbox[galeria]"></a> 
<a href="images/8d.jpg" rel="lightbox[galeria]"></a> 
<a href="images/9d.jpg" rel="lightbox[galeria]"></a></div>

</body>
</html>

pzin · #6 (**permalink**) 26/11/2012, 05:18

Sigue siendo un problema de rutas.

Fíjate que si vas a esta imagen o a esta otra —las cuales tienes enlazadas— te salta un error 404.

Si ves que alguna imagen no se abre usando Lightbox pero si lo hace cuando accedes a ella por URL —como los enlaces que puse— entonces no es un problema de rutas, dado que por URL no abren entonces por Lightbox tampoco podrá, porque no se encuentra esa imagen. Bien porque no existe, bien porque la ruta está mal indicada —por lo que tampoco existe.

mar_3_21 · #7 (**permalink**) 26/11/2012, 06:07

Gracias Bonez!!
finalmente tanto darle vuelta al tema...poner, sacar, probar alternativas a lightbox y más , al ver los enlaces que publicaste me dí cuenta de que el error estaba al enlazar, justamente, porque las extensiones de algunos los archivos estaban en minúscula, pero iban en mayúscula...y no tenía idea que ésto tuviera algo que ver.
Te agradezco mucho tu molestia, mil gracias por tu ayuda