pateketrueke, aqui esta todo mi code para que lo cheques y ver si me puedes ayudar.
Código HTML:
Ver original<html xmlns="http://www.w3.org/1999/xhtml"> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> body
{
z-index:1;
}
#loader
{
visibility:hidden;
position:absolute;
padding:0px;
left:630px;
top:80px;
z-index:3;
width: auto;
height: auto;
}
.lb-loader
{
position: absolute;
top: 40%;
left: 0%;
height: 25%;
width: 100%;
text-align: center;
line-height: 0;
}
#capaFondo1
{
visibility:hidden;
position:absolute;
padding:0px;
left:0px;
top:0px;
right:0px;
bottom:0px;
background-image:url(Api/Lightbox/Img/overlay.png);
background-repeat:repeat;
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=85);
opacity: 0.85;
width: auto;
height: auto;
z-index:2;
}
#capaVentana
{
visibility:hidden;
position:absolute;
padding:0px;
left:400px;
top:10px;
z-index:3;
width: auto;
height: auto;
}
<script language="javascript"> function carga(index)
{
document.form1.oculto.value=index;
document.getElementById("capaFondo1").style.visibility="visible";
document.getElementById("loader").style.visibility="visible";
document.getElementById("loading").style.visibility="visible";
window.onload = window.setTimeout( "ocultar()", 3000 );
}
function ocultar(){
var obj = document.getElementById("loading");
obj.style.visibility = "hidden"
document.getElementById("loader").style.visibility="hidden";
abrirVentana(1);
}
function abrirVentana(ventana)
{
if (ventana=="1")
{
document.getElementById("capaFondo1").style.visibility="visible";
}
document.getElementById("capaVentana").style.visibility="visible";
}
function cerrarVentana()
{
document.getElementById("capaFondo1").style.visibility="hidden";
document.getElementById("capaVentana").style.visibility="hidden";
}
<li><a href="javascript:carga(1);"><img src="img_menu_princ/img_01.png" alt="7" width="140" height="140" border="0"/></a><br>Los 7 Grandes
</br></li>
<div id="loader" class="lb-loader"> <img id="loading" src="Api/Lightbox/Img/loading.gif" width="31" height="31"> <form name="form1" method="post"> <table border="0" cellpadding="0" cellspacing="0" width="450"> <table cellpadding="10" cellspacing="0" border="0" width="100%" style="background-color:#000;"> <input id='oculto' name="oculto" type="text"> <?php
$var=$_POST['oculto'] ;
echo $var;
?>
<td width="496"> <font color="#FFFFFF" style="font-size:14px;font-family:Arial, Helvetica, sans-serif;font-weight:600;"> <a href="inicio.php?disp=contenedor2">Ver mas...
</a></font></td> <td width="24"><img src="Api/Lightbox/Img/close.gif" width="20" height="20" onclick="cerrarVentana()" /></td>