load image last?

litton1 · Sep 4, 2005

Is it possible to get an image to load after the page has loaded? I am trying streamline the pages and wondered if this was a possibility. If yes how should I go about it? I am very new to JavaScript so if anyone knows of a tutorial that would be great.
Thx in advance

Age is a consequence of experience

Lrnmore · Sep 5, 2005

litton1,

The body "onload" event will work for this:

Code:

<html>
<head>
  <title></title>
<script type="text/javascript">
function loadImg(){
var loadedImg = new Image();
loadedImg.src = "[URL unfurl="true"]http://www.google.com/intl/en/images/logo.gif";[/URL]
var Img = document.getElementById('pic');
Img.src = loadedImg.src;
}
</script>
</head>
<body onload="loadImg()">
      <p>
      This is our first paragragh
      </p>
      <img id="pic" src="" alt="" border="0" />
</body>
</html>

Thanks,
--Mark

Tek-Tips is the largest IT community on the Internet today!

Members share and learn making Tek-Tips Forums the best source of peer-reviewed technical information on the Internet!

load image last?

litton1

Technical User

Lrnmore

Technical User

Similar threads

Part and Inventory Search

Sponsor