el tutorial está en
esta página, y por si te da pereza traducirlo y lo ves mas claro en español, es mas o menos así:
está el tipico problema de que IE no tiene transparencias, asi que este codigo no valdría en sí para IE
...
1-Subimos las imagenes a el mismo host en el que subiremos el archivo, preferiblemente en la misma carpeta.
2-Incluye lightbox.js (descargable
aquí) en tu header
Código :
<script type="text/javascript" src="lightbox.js"></script>
3-El css del archivo:
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; }
#lightbox img{ border: none; }
#overlay img{ border: none; }
#overlay{ background-image: url(overlay.png); }
* html #overlay{
background-color: #000;
back\ground-color: transparent;
background-image: url(blank.gif);
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="overlay.png", sizingMethod="scale");
}
mas datos en la web de donde los saqué (Está en inglés):
http://www.huddletogether.com/projects/lightbox/Salu2
