¿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"); }