problemas con lightbox2

steve-0 · #1 (**permalink**) 28/03/2008, 09:21

muy buenas,

pues eh aqui mi primer mensaje. La cosa es que estoy teniendo problemas con el lightbox2 ( http://www.huddletogether.com/projects/lightbox2/ ) y una galería de imágenes que estoy intentando hacer para la web de una amiga,

bien, la cosa es que en mi pc funciona perfectamente, pero al subirlo al host tengo problemas. todas las fotos tienen el mismo tratamiento, no obstante solo se ven como 3 o 4 de las últimas, y las demás no.

si alguien tiene un segundo para orientarme, esque no encuentro el problema.

esta es la página que estoy haciendo, http://oona4site.110mb.com/gallerie.html

y este es el codigo html de gallerie.html:

Cita:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
<title>Oona Lind: Make-up & Hair</title>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />
<meta name="description" content="description goes here" />
<meta name="keywords" content="keywords,goes,here" />
<link rel="stylesheet" href="andreas07.css" type="text/css" />


<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" />

</head>

<body>
<div id="sidebar">
<h1>Oona Lind</h1>
<h2>Make-up & Hair</h2>

<div id="menu">
<a href="index.html">Home</a>
<a href="experience.html">Experience</a>
<a href="gallerie.html" class="active">Gallerie</a>
<a href="contact.html">Contact</a></div>
</div>

<div id="content">
<h1>Oona Lind</h1>
<h2>Make-up & Hair</h2>
<h3>Photos</h3>
<p> </p>
<table width="200" border="0">
<tr>
<td><a href="photos/02.jpg" rel="lightbox[hola]" ><img src="photos/minis/02 [thumbnail].JPG" alt="" width="81" height="100" /></a></td>
<td><a href="photos/03.jpg" rel="lightbox[hola]" ><img src="photos/minis/03 [thumbnail].JPG" alt="" width="73" height="100" /></a></td>
<td><a href="photos/04.jpg" rel="lightbox[hola]" ><img src="photos/minis/04 [thumbnail].JPG" alt="" width="72" height="100" /></a></td>
<td><a href="photos/05.jpg" rel="lightbox[hola]" ><img src="photos/minis/05 [thumbnail].JPG" alt="" width="67" height="100" /></a></td>
</tr>
<tr>
<td><a href="photos/06.jpg" rel="lightbox[hola]" ><img src="photos/minis/06 [thumbnail].JPG" alt="" width="67" height="100" /></a></td>
<td><a href="photos/07.jpg" rel="lightbox[hola]" ><img src="photos/minis/07 [thumbnail].JPG" alt="" width="67" height="100" /></a></td>
<td><a href="photos/08.jpg" rel="lightbox[hola]" ><img src="photos/minis/08 [thumbnail].JPG" alt="" width="75" height="100" /></a></td>
<td><a href="photos/09.jpg" rel="lightbox[hola]" ><img src="photos/minis/09 [thumbnail].JPG" alt="" width="72" height="100" /></a></td>
</tr>
<tr>
<td><a href="photos/10.jpg" rel="lightbox[hola]" ><img src="photos/minis/10 [thumbnail].JPG" alt="" width="70" height="100" /></a></td>
<td><a href="photos/11.jpg" rel="lightbox[hola]" ><img src="photos/minis/11 [thumbnail].JPG" alt="" width="83" height="100" /></a></td>
<td><a href="photos/12.jpg" rel="lightbox[hola]" ><img src="photos/minis/12 [thumbnail].JPG" alt="" width="75" height="100" /></a></td>
<td><a href="photos/13.jpg" rel="lightbox[hola]" ><img src="photos/minis/13 [thumbnail].jpg" alt="" width="79" height="100" /></a></td>
</tr>
<tr>
<td><a href="photos/14.jpg" rel="lightbox[hola]" ><img src="photos/minis/14 [thumbnail].jpg" alt="" width="80" height="100" /></a></td>
<td><a href="photos/15.jpg" rel="lightbox[hola]" ><img src="photos/minis/15 [thumbnail].JPG" alt="" width="81" height="100" /></a></td>
<td><a href="photos/16.jpg" rel="lightbox[hola]" ><img src="photos/minis/16 [thumbnail].JPG" alt="" width="75" height="100" /></a></td>
<td><a href="photos/17.jpg" rel="lightbox[hola]" ><img src="photos/minis/17 [thumbnail].jpg" alt="" width="76" height="100" /></a></td>
</tr>
<tr>
<td><a href="photos/18.jpg" rel="lightbox[hola]" ><img src="photos/minis/18 [thumbnail].jpg" alt="" width="79" height="100" /></a></td>
<td> </td>
<td> </td>
<td> </td>
</tr>
</table>
<p> </p>

<p> </p>

<h3>Videos</h3>

básicamente, según las instrucciones hay que añadir los cuatro scripts en el HEAD y añadirle rel="lightbox" al hipervinculo para que se cargue el efecto..

no entiendo como puede ir bien en mi disco duro (todas las fotos se ven correctamente) y que al subirla al host (he probado 3) solo funcinen algunas...

en fin, un saludo y gracias!

Mikmoro · #2 (**permalink**) 28/03/2008, 13:08

¿Seguro que has subido todas las fotos grandes a tu servidor?
Compuébalo.

Mikel.

steve-0 · #3 (**permalink**) 29/03/2008, 06:17

si, si. Esque me parece muy raro...

edit,

bueno, acabo de encontrar el error. por lo visto tenía algunas imágenes con el nombre.jpg y algunas con el nombre.JPG, por lo visto se hacia un lio con eso.. xD

gracias!

webosiris · #4 (**permalink**) 29/03/2008, 14:06

Cita:

Iniciado por steve-0

tenía algunas imágenes con el nombre.jpg y algunas con el nombre.JPG, por lo visto se hacia un lio con eso.. xD

por si te interesa la explicación, es que Windows trata las mayusculas y minusculas como si fueran el mismo archivo, en cambio para Linux (sistema que usan la gran mayoría de los hostings) son 2 nombres de archivo diferentes

steve-0 · #5 (**permalink**) 01/04/2008, 13:23

muchas gracias, eso le da sentido.. !

bueno, buelvo con otra pregunta,

tengo hospedada mi web aqui http://oona4site.awardspace.com/

pero estoy utilizando el oonalind.tk para verla. Bien, ya no uso el lightbox dos sino otro javascrip similar, la cosa es que en el primer dominio todo funciona bien, pero en el .tk al ir a la galeria hay que apretar una vez en cualquier foto para que active el efecto; y despues en cada click a una foto se ve el efecto... no se si me explico...

mi pregunta es, alguien sabe qué tengo que hacer para no tener que darle otro click?