Cargar imagen con ajax mientras hace on submit

[vesvello]

Tengo un gif animado que se hace visible con js al pulsar el boton enviar del formulario. Funciona sin problemas en todos los browsers excepto como no IE.

Se me ocurrio pensar que quizas mediante Ajax y no JS pueda hacer visible el div mientras hace el submit... alguna direccion en este punto si es posible hacerlo?

Gracias de antemano

Ps.

Se me ocurrio una idea.

Es posible que mediante JS haga visible el div con el gif animado y a continuacion mandar el formulario mediante ajax y que al finalizar haga un reload de la pagina?

Alguien podria audarme con ello?

Gracias

[caricatos]

Hola:

Si no funciona en explorer será por algo... tal vez sea más fácil averiguar ese algo... podría tratarse de nombre de variabes o funciones igual a algún id... o chorradas de ese tipo.

Saludos

[vesvello]

Bueno, asi tengo el codigo:

Código HTML:

<script>
function loading() {
	var images_number = document.getElementById('images_number').value;
	for (var i=0; i < images_number; i++)
		{
	var y = "userfile"+(i+1);
	var y1 = "loading"+(i+1);
	if(document.getElementById(y).value.length) document.getElementById(y1).style.display='inline';
/*		}*/
		}
}
</script>

	<form action="index.php" style="margin-top:0px;margin-bottom:0px" method=post name="form2"  ENCTYPE="multipart/form-data" onsubmit="loading()">	

<td width="32%" height="40px"><table width="100%" border="0" cellspacing="0" cellpadding="0" id="fila1" style=" display:none;"><tr><td width="80%"><input type=file class="userfile1" id="userfile1" name="userfile1"></td><td style="background-color:#dce6f2; text-align=left;"> <img id="loading1" src="../images/ajax-loader1.gif" width="16" height="16" style="display:none; vertical-align:middle;" /></td></tr></table></td>

<input type="image" id="boton_continuar1" src="../images/guardar_cambios.png" /> 

lei aqui que el problema era del IE pero se admiten sugerencias