Problema Gif animado de carga

[avlorien]

Hola a todos, necesito vuestra ayuda, por favor.

Estoy haciendo un formulario que sirve para subir ficheros y quiero que cuando el usuario le de a un botón "Subir fichero", aparezca una barra de carga ficticia en forma de gif animado, para que el usuario sepa que se está subiendo su fichero.

Tengo declarado un span en un div, y dentro del span, la imágen del gif que quiero mostrar. En principio tengo el display del span en 'none' y lo activo mediante javascript en el evento onclick del botón.

El problema que tengo es que cuando lanzo esto , el gif animado se me queda estático y no se mueve la barra de carga, se queda congelado.

Le hago una serie de cosas para subir el fichero en el procedimiento button_serverclick :
Private Sub BtoSubirFichero_ServerClick(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles BtoSubirFichero.ServerClick

En cuanto entra ahí congela el gif. Si elimino el evento button_serverclick el gif se carga perfectamente y muestra la barra de carga animada y en movimiento.
Pero claro, si quito eso, no hace nada.

Por qué puede ser? Qu´ñe hago para que no se quede congelada la imágen?.
Muchas gracias.

[Zoltam]

Yo también tuve el mismo problema y lo arreglé por javascript, asignandole la imagen por javascript en vez del control del servidor:

Código:

 setTimeout('document.images["nombrecontrolImagen"].src="imagen.gif"', 200);

No se la razón por la que no funciona directamente asignandole la imagen al control de forma normal.

Un saludo

[avlorien]

Gracias Zoltam!

Pero no lo entiendo del todo, perdona mi inutilidad, pongo lo siguiente :

setTimeout('document.images["advice"].src="imagenes/cargando.gif"', 200);

Dónde advice es el name de mi IMG y lo otro la ruta de la imágen.

Pero la imágen me sigue apareciendo congelada, con la barrita del gif animado sin moverse...

Que he de poner en dónde pones NombreControlImagen? He hecho algo mal?

[Zoltam]

Ahi pones el control imagen, lo que ocurre es que yo lo pongo en un control image de servidor, es decir, en un image con runat=server:

Mi Código:

Código:

<img id="imgEspera" runat="server" src="../Imgs/indicadorprogeso_verybig.gif" alt=""/>

y en un evento que desencadeno en un click de botón:

Código:

setTimeout('document.images["imgEspera"].src="../Imgs/indicadorprogeso_verybig.gif"', 200);

Espero que te sirva

[rjmesa04]

Tengo el mismo problema pero no entiendo bien como lo solucionaron


Tengo un boton que al darle clic aparece "cargando" y un reloj

<input type='image' name='adelante' value='adelante'
onclick=\" $('#div_mensaje').fadeIn('fast')\" />

Este lo que hace es volver visible un div oculto

<div id = "div_mensaje" style="top:30px;left:600px;position:absolute;displ ay:none">
<font color = "silver"><b>Cargando....</b></font><img src="images/reloj.gif"/>
</div>

No se porque no se mueve la imagen, como podria solucionarlo ??????