Con este código aparecerá una imagen de carga mientras carga tu página y luego desaparecerá cuando ya aya cargado tu web.
Cargando página... |
<div id="waitDiv" style="position:absolute;left:300;top:300;visibility:hidden">
<table cellpadding="6" cellspacing="0"
border="1" bgcolor="#000000">
<tr>
<td align="center">
<font color="#FFFFFF"
face="Verdana"
size="4">Cargando página...</font> <img src="https://img203.imageshack.us/img203/3388/ajaxloader2.gif" border="1" alt="" />
</td>
</tr>
</table>
</div>
<script type="text/javascript">
//<![CDATA[
<!--
var DHTML = (document.getElementById || document.all || document.layers);
function ap_getObj(name) {
if (document.getElementById)
{ return document.getElementById(name).style; }
else if (document.all)
{ return document.all[name].style; }
else if (document.layers)
{ return document.layers[name]; }
}
function ap_showWaitMessage(div,flag) {
if (!DHTML) return;
var x = ap_getObj(div); x.visibility = (flag) ? 'visible':'hidden'
if(! document.getElementById) if(document.layers) x.left=280/2; return true; } ap_showWaitMessage('waitDiv', 3);
//-->
//]]>
</script>
<script language="javascript" type="text/javascript">
//<![CDATA[
<!--
ap_showWaitMessage('waitDiv', 0);
//-->
//]]>
</script>
La imagen del primer código lo puedes editar, de color rojo.
Aqui te dejo imágenes de carga con su respectivo URL para que cambies de imagen.
http://i34.tinypic.com/27xo5qc.gif
http://i38.tinypic.com/2rzqgwn.gif
http://i37.tinypic.com/2u95w85.gif
http://i36.tinypic.com/vcqe6e.gif
http://i37.tinypic.com/1zgdi5u.gif
http://www.ebrisa.com/portalc/img/feed_loading.gif
http://i204.photobucket.com/albums/bb264/lalalalica/loading.gif
http://contenidos.claro.com.pe/images/loading.gif
http://metadatos.ingemmet.gob.pe/pmapper/images/loading.gif
https://www.clickseguros.es/imgs/Cargando.gif