Cita:
Iniciado por nicolaspar 
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>
Y si no quiero mostrar la imagen asi suelta, sino dentro de un DIV para que paarezca en medio de la pantalla ? como hago para hacer invisible ese DIV y luego visible ? mas aun, como hago para que a la para se muestre una "capa" semitransparente que cubra toda la pagina y sobre eso recien el DIV ?