P ¿Como muestro un gif animado mientras se carga una imagen o un iframe?
R
Son necesarias 3 cosas... una de ellas es una capa con ese gif animado que en principio esté oculta, un evento que lo muestre que sería un botón o un enlace, y por último el evento de carga del iframe o imagen para volverla a ocultar:
Código:
<html>
<body>
<a onclick="document.getElementById('cargando').style.visibility = 'visible'"
href="http://www.forosdelweb.com" target="destino" >foros del web</a>
<br />
<a onclick="document.getElementById('cargando').style.visibility = 'visible'"
href="http://www.maestrosdelweb.com" target="destino" >maestros del web</a>
<br />
<div style="position: relative" >
<iframe name="destino" style="width: 300px; height: 300px"
onload="document.getElementById('cargando').style.visibility = 'hidden'" ></iframe>
<div id="cargando"
style="position: absolute; top: 0; left: 0; width: 300px; height: 300px; background: white url(../dibujos/indicator.gif) no-repeat center center; visibility: hidden">
</div>
</body>
</html>