¿Podríais decirme como solucionarlo por favor?
Por si os sirve estos son los códigos que he añadido:
Dentro del head:
Código:
Los enlaces los tengo todos de la siguiente manera:<script type="text/javascript" src="lightbox.js"></script>
Código:
He añadido los siguientes estilos junto con las imagenes necesarias:<a href="portabilidad/curve8900.htm" rel="lightbox" class="texto11gris"><img src="images/curve_8900_1.jpg" alt="Ampliar Fotografía" width="95" height="163" border="0"/><br/> Ampliar imagen</a>
Código:
#lightbox{
background-color:#eee;
padding: 10px;
border-bottom: 2px solid #666;
border-right: 2px solid #666;
}
#lightboxDetails{
font-size: 0.8em;
padding-top: 0.4em;
}
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }
#closeButton{ top: 5px; right: 5px; }
#lightbox img{ border: none; clear: both;}
#overlay img{ border: none; }
#overlay{
background-image: url(overlay.png);
background-color: #333;
background-color: transparent;
background-image: url(blank.gif);
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="overlay.png", sizingMethod="scale");
}

