Foros del Web » Creando para Internet » HTML »

problema con lightbox2 en web html

Estas en el tema de problema con lightbox2 en web html en el foro de HTML en Foros del Web. 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 ...
  #1 (permalink)  
Antiguo 25/11/2012, 06:13
 
Fecha de Ingreso: noviembre-2012
Mensajes: 4
Antigüedad: 12 años
Puntos: 0
problema con lightbox2 en web html

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
  #2 (permalink)  
Antiguo 25/11/2012, 06:25
Avatar de pzin
Moderata 😈
 
Fecha de Ingreso: julio-2002
Ubicación: Islas Canarias
Mensajes: 10.489
Antigüedad: 22 años, 4 meses
Puntos: 2114
Respuesta: problema con lightbox2 en web html

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.
  #3 (permalink)  
Antiguo 25/11/2012, 07:27
 
Fecha de Ingreso: noviembre-2012
Mensajes: 4
Antigüedad: 12 años
Puntos: 0
Respuesta: problema con lightbox2 en web html

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...
  #4 (permalink)  
Antiguo 25/11/2012, 09:12
Avatar de pzin
Moderata 😈
 
Fecha de Ingreso: julio-2002
Ubicación: Islas Canarias
Mensajes: 10.489
Antigüedad: 22 años, 4 meses
Puntos: 2114
Respuesta: problema con lightbox2 en web html

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...
  #5 (permalink)  
Antiguo 26/11/2012, 03:48
 
Fecha de Ingreso: noviembre-2012
Mensajes: 4
Antigüedad: 12 años
Puntos: 0
Respuesta: problema con lightbox2 en web html

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> 
  #6 (permalink)  
Antiguo 26/11/2012, 05:18
Avatar de pzin
Moderata 😈
 
Fecha de Ingreso: julio-2002
Ubicación: Islas Canarias
Mensajes: 10.489
Antigüedad: 22 años, 4 meses
Puntos: 2114
Respuesta: problema con lightbox2 en web html

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.
  #7 (permalink)  
Antiguo 26/11/2012, 06:07
 
Fecha de Ingreso: noviembre-2012
Mensajes: 4
Antigüedad: 12 años
Puntos: 0
Respuesta: problema con lightbox2 en web html

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

Etiquetas: css, lightbox2
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 01:03.