Bueno antes que nada dejenme decirles que en el foro hay algo parecido posteado por todobanner pero quise postearlo desde otra perspectiva mas facil sin menospreciar el del amigo todobanner aca dejo la url: del foro de todobanner:
http://www.paginawebgratis.es/forum/viewtopic.php?t=16013&highlight=c%F3digo+javascript+thickbox+galeria+precarga+opacidad
espero les guste...
Este codigo deden ponerlo entre <head> y </head>
y en el <body onload="initLightbox()">
ver ejemplo aca lo subi:
http://falconmedanos.webcindario.com/www/index.html
Código: <link rel="stylesheet" href="css/lightbox.css" type="text/css" media="screen" />
<link rel="stylesheet" href="css/style.css" type="text/css" media="screen" />
<script type="text/javascript" src="js/prototype.lite.js"></script>
<script type="text/javascript" src="js/moo.fx.js"></script>
<script type="text/javascript" src="js/litebox-1.0.js"></script>
Código: <a href="images/image-1.jpg" rel="lightbox[example]" title="Horses"><img src="images/thumb-1.jpg" width="100" height="40" alt="Beautiful Horses" class="bordered" /></a>
<a href="images/image-2.jpg" rel="lightbox[example]" title="Sprouts"><img src="images/thumb-2.jpg" width="100" height="40" alt="Beautiful Sprouts" class="bordered"/></a>
<a href="images/image-3.jpg" rel="lightbox[example]" title="Sup dog?"><img src="images/thumb-3.jpg" width="100" height="40" alt="Sup dog?" class="bordered" /></a>
<a href="images/image-1.jpg" rel="lightbox"><img src="images/thumb-1.jpg" width="100" height="40" alt="Beautiful Horses" class="bordered" /></a>
aca tambien dejo las url de los codigos, css, js,prototype,js,moo etc.. para hacerle mas facil el manejo solo deben ponerlo donde estan marcados con negrita y sus respectivos colores ademas estan en orden
http://img6.xooimage.com/files/f/c/0/lightbox-af11a0.css
http://img3.xooimage.com/files/a/a/d/style-1687408.css
http://img9.xooimage.com/files/5/0/3/prototype.lite-1687427.js
http://img3.xooimage.com/files/e/c/2/moo.fx-1687437.js
http://img9.xooimage.com/files/4/a/6/litebox-1.0-1687446.js
Les explico un poco las url de los codigos la deben poner Ej: en la primer linea>>> <link rel="stylesheet" href="http://img6.xooimage.com/files/f/c/0/lightbox-af11a0.css" type="text/css" media="screen" />aca ponen la primera
ahora uds desarrollen un poco mas la mente!!!!!!
se me olvidba faltan las url de todas las imagenes!!!!!!!!!!!!!
link de descarga
http://img1.xooimage.com/files/5/c/9/images-1688d37.rar
guardalas y cualquier duda preguntar
Fuente:http://codigoaldescubierto.wordpress.com/contenido/litebox/ 
