Vänta tills bild laddat färdigt?

1 svar · 271 visningar · startad av pennypacker 27 maj 2005

pennypackerMedlem sedan mars 200291 inlägg

Frågan27 maj 2005 13:28#1

Man kan ju kolla om en bild är färdigladdad med hjälp av

  if (foo.complete)

Men finns det något sätt att vänta tills en bild är färdigladdad?
Jag vill visa en lågupplöst bild tills den riktiga bilden har laddats.
Ungefär:

Until foo.complete
obj.src=lågupplöst.gif
then
obj.src=högupplöst.gif

jawbreakerMedlem sedan jan. 2003296 inlägg

27 maj 2005 15:49#2

Ett enkelt exempel:

<html>
<head>
<title>Img</title>

<script language="javascript" type="text/javascript">
function doOnLoad()
{
	var i = new Image();
	i.onload = function() { document.getElementById( "myImg" ).src = this.src; }
	i.src = "hogupplost.gif";
}
</script>
</head>

<body onload="doOnLoad();">
<img id="myImg" src="lagupplost.gif">
</body>
</html>