Para mostrar la imagen lo mejor es usar CSS mediante JS. La pones con display:none y luego haces un document.getElementById('eliddetuimagen').style.di splay = '';.
Eso lo encerras en una función JS, y luego de ejecutarlo haces un document.formulario.tuboton.disabled = true;
Un ejemplo:
Código:
<script language="JavaScript" type="text/javascript">
function enviar( pagina ){
document.getElementById('preload').style.display = '';
document.formulario.boton.disabled = true;
}
</script>
<form name="formulario" id="formulario">
<img src="images/preload.gif" id="preload" style="display:none" />
<input type="button" value="Enviar" id="boton" onclick="enviar()" />
</form>