imagen no carga en explorer

eldan2002 · #1 (**permalink**) 19/01/2011, 13:57

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<body onload="carga()">
 
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">
                    <tr height="10">
                        <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>
                    </tr>
                    
                    <tr>
                        <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;" />  
                            </div>
                        </td>
                        <td style="background:url(img/cajita_over/bg_others.png) repeat;"><img src="img/spacer_trans.png" width="10px" height="10px" /></td>
                    </tr>
                    <tr height="10">
                        <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>
                    </tr>
                </table>
            </div>
 
XXXXXXXXXXXXXXXXXX
 
</body>

Código Javascript:

Ver original<script> 
function carga() {                  
    document.getElementById("espere").style.display = "none";
    document.getElementById("campitos").style.display = "block";
}</script>

eldan2002 · #2 (**permalink**) 19/01/2011, 14:00

la idea es la siguiente. mientras carga una imagen el me muestra un cuadro "Espere un momento, sus imagenes están siendo cargadas al sistema" con el gif ajax-loader (en este caso dice ajax-loaderhypno ya que este si la carga).

eldan2002 · #3 (**permalink**) 20/01/2011, 09:59

ya puedo ver la imagen. ahora tengo un lio..... el gif se mantiene estatico.... por favor habrá alguien que me pueda echar una mano

eldan2002 · #4 (**permalink**) 21/01/2011, 07:37

ya que no pude, no me quedó de otra y le coloqué un Flash...................

listo!!!!!!!!!!!!!!!!!!!!!!