[SOLUCIONADO] Problema con lightbox

alfre8290 · #1 (**permalink**) 12/06/2014, 11:21

Hola a todos. Soy nuevo por aquí, y me gustaría , si fuese posible, que me ayudáseis en resolver un problema con el lightbox. Os comento:
He terminado de hacer mi página web y le he añadido el lightbox, cuando lo pruebo en el ordenador funciona perfectamente, pero cuando lo subo a internet con el firezilla, todo carga perfectamente, el problema viene cuando doy a ampliar la imagen , no funciona el lightbox, ni amplía la imagen, la verdad que no se donde puede estar el fallo.

Muchas gracias.

Un saludo a todos

pzin · #2 (**permalink**) 12/06/2014, 11:34

Bienvenido al foro.

Pon código o una URL, que el adivino este mes se lo coge de vacaciones.

alfre8290 · #3 (**permalink**) 12/06/2014, 11:51

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Documento sin título</title>

<script src="js/jquery-1.11.0.min.js"></script>
<script src="js/lightbox.min.js"></script>
<link rel="stylesheet" href="css/lightbox.css" type="text/css" media="screen" />

<style type="text/css">
body{ color: #333; font: 13px 'Lucida Grande', Verdana, sans-serif; }
</style>

<link href="CSS/capas.css" rel="stylesheet" type="text/css" media="all" />
<script type="text/javascript">
function MM_swapImgRestore() { //v3.0
var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}
function MM_preloadImages() { //v3.0
var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}

function MM_findObj(n, d) { //v4.01
var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
if(!x && d.getElementById) x=d.getElementById(n); return x;
}

function MM_swapImage() { //v3.0
var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
</script>
</head>

<body onload=
"MM_preloadImages('img/Pinturas1.jpg','img/Ilustraciones1.jpg','img/DIBUJOS1.jpg','img/CV1.jpg','img/contacto1.jpg')">
<div class="capa1">

<div class="cabecera"><img src="img/cabecera.jpg" width="795" height="250" alt="cabecera de mi web" /></div>
<table width="100%" border="0" cellpadding="0" cellspacing="0">
<tr>
<td><a href="index.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Pinturas','','img/Pinturas1.jpg',1)"><img src="img/Pinturas.jpg" name="Pinturas" width="160" height="40" border="0" id="Pinturas" /></a></td>
<td><a href="fotos.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Ilustraciones','','img/Ilustraciones1.jpg',1)"><img src="img/Ilustraciones.jpg" name="Ilustraciones" width="160" height="40" border="0" id="Ilustraciones" /></a></td>
<td><a href="catalogo.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('DIBUJOS','','img/DIBUJOS1.jpg',1)"><img src="img/DIBUJOS.jpg" name="DIBUJOS" width="160" height="40" border="0" id="DIBUJOS" /></a></td>
<td><a href="empresa.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('CV','','img/CV1.jpg',1)"><img src="img/CV.jpg" name="CV" width="160" height="40" border="0" id="CV" /></a></td>
<td><a href="contacto.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('contacto','','img/contacto1.jpg',1)"><img src="img/contacto.jpg" name="contacto" width="160" height="40" border="0" id="contacto" /></a></td>
</tr>

</table>
<div class="texto">
<div class="textofotos">
<pre><img class="fotos" align="right"/></pre><br />
<table bgcolor="#FFFFFF" width="600" border="0" align="center" cellpadding="10" cellspacing="10">
<tr>
<td><a href="fotos/1.jpg" rel="lightbox[roadtrip]"><img src="fotos/1thumb.jpg" width="100" height="100" alt="" /></a></td>
<td><a href="fotos/2.jpg" rel="lightbox[roadtrip]"><img src="fotos/2thumb.jpg" width="100" height="100" alt="" /></a></td>
<td><a href="fotos/3.jpg" rel="lightbox[roadtrip]"><img src="fotos/3thumb.jpg" width="100" height="100"alt="" /></a></td>
<td><a href="fotos/4.jpg" rel="lightbox[roadtrip]"><img src="fotos/4thumb.jpg" width="100" height="100" alt="" /></a></td>
</tr>
<tr>
<td><a href="fotos/5.jpg" rel="lightbox[roadtrip]"><img src="fotos/5thumb.jpg" width="100" height="100" alt="" /></a></td>

<td><a href="fotos/6.jpg" rel="lightbox[roadtrip]"><img src="fotos/6thumb.jpg" width="100" height="100" alt="" /></a></td>

<td><a href="fotos/7.jpg" rel="lightbox[roadtrip]"><img src="fotos/7thumb.jpg" width="100" height="100" alt="" /></a></td>

<td><a href="fotos/8.jpg" rel="lightbox[roadtrip]"><img src="fotos/8thumb.jpg" width="100" height="100" alt="" /></a></td>
<tr>
<td><a href="fotos/9.jpg" rel="lightbox[roadtrip]"><img src="fotos/9thumb.jpg" width="100" height="100" alt="" /></a></td>
<td><a href="fotos/10.jpg" rel="lightbox[roadtrip]"><img src="fotos/10thumb.jpg" width="100" height="100" alt="" /></a></td>
<td><a href="fotos/11.jpg" rel="lightbox[roadtrip]"><img src="fotos/11thumb.jpg" width="100" height="100" alt="" /></a></td>
<td><a href="fotos/12.jpg" rel="lightbox[roadtrip]"><img src="fotos/12thumb.jpg" width="100" height="100" alt="" /></a></td>
</tr>
<tr>
<td><a href="fotos/13.jpg" rel="lightbox[roadtrip]"><img src="fotos/13thumb.jpg" width="100" height="100" alt="" /></a></td>
<td><a href="fotos/14.jpg" rel="lightbox[roadtrip]"><img src="fotos/14thumb.jpg" width="100" height="100" alt="" /></a></td>
<td><a href="fotos/15.jpg" rel="lightbox[roadtrip]"><img src="fotos/15thumb.jpg" width="100" height="100" alt="" /></a></td>
<td><a href="fotos/16.jpg" rel="lightbox[roadtrip]"><img src="fotos/16thumb.jpg" width="100" height="100" alt="" /></a></td>
</tr>
</table></div>
<br />

<div class="capafinal"><img src="img/1.jpg" width="800" height="30" /></div>


</body>
</html>

alfre8290 · #4 (**permalink**) 20/06/2014, 16:58

solucionado! el problema estaba en que tenia la carpeta en mayúsculas, y en el dreamweaver estaba en minúsculas, lo he cambiado y funciona.

gran Wakka · #5 (**permalink**) 25/06/2014, 06:12

Cita:

Iniciado por alfre8290

solucionado! el problema estaba en que tenia la carpeta en mayúsculas, y en el dreamweaver estaba en minúsculas, lo he cambiado y funciona.

Enhorabuena por haber encontrado la solución.

Causa de tu problema:

Eso es porque tu servidor es Linux y ese sistema operativo distingue entre mayúsculas y minúsculas, en cambio Windows las trata como si fueran iguales.

En Linux puedes tener una carpeta "A" y otra "a", en Windows sería la misma carpeta.

Mariano_Floyd · #6 (**permalink**) 26/06/2014, 06:10

Viene dw para linux? =/

Edit: ya leí bien y entendí. No dije nada