me guié por este tema
http://www.forosdelweb.com/f13/mostrar-gif-cargando-mientras-carga-imagen-611757/
la imagen gif me carga en FireFox, pero en explorer hay UNA imagen especifica que no abre (y las que abren se quedan estaticas) intenté cambiandole el nombre, modificandola y aún nada.
coloco el codigo a ver si alguien puede ayudarme
Código HTML:
Ver original
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
<div id="espere" style="width:320px; height:auto; background-color:#FFFFFF; display:none; margin-left:auto; margin-right:auto; " > <table width="320px" border="0" cellpadding="0" cellspacing="0" align="center"> <td style="background:url(img/cajita_over/corner.png) top left no-repeat; width:10px; height:10px;" width="10" height="10"> <img src="img/spacer_trans.png" width="10" height="10" /></td> <td width="300" height="10" style="background:url(img/cajita_over/bg_others.png) top left repeat;"> <img src="img/spacer_trans.png" width="10" height="10" /></td> <td width="10" height="10" style="background:url(img/cajita_over/corner.png) top right no-repeat; width:10px; height:10px;"> <img src="img/spacer_trans.png" width="10px" height="10px" /></td>
<td style="background:url(img/cajita_over/bg_others.png) repeat;" width="10" height="10"> <img src="img/spacer_trans.png" width="10px" height="10px" /></td> <td height="170" valign="middle" align="center" style="border:1px #555555 solid;"> <div align="center" class="conTenido" style="text-align:center; width:75%; margin-left:auto; margin-right:auto; font-size:12px;"> <img src="img/logoBase.png" style="margin-bottom:10px;"/><br /> Espere un momento, sus imagenes están siendo cargadas al sistema
<br /> <img src="img/ajax-loaderhypno.gif" style="margin-bottom:10px;" /> <td style="background:url(img/cajita_over/bg_others.png) repeat;"><img src="img/spacer_trans.png" width="10px" height="10px" /></td> <td style="background:url(img/cajita_over/corner.png) bottom left no-repeat;" height="10"><img src="img/spacer_trans.png" width="10px" height="10px" /></td> <td style="background:url(img/cajita_over/bg_others.png) repeat;" height="10"><img src="img/spacer_trans.png" width="10" height="10" /></td> <td style="background:url(img/cajita_over/corner.png) bottom right no-repeat;" height="10"><img src="img/spacer_trans.png" width="10px" height="10px" /></td>
XXXXXXXXXXXXXXXXXX
Código Javascript
:
Ver original<script>
function carga() {
document.getElementById("espere").style.display = "none";
document.getElementById("campitos").style.display = "block";
}</script>