Home/ Questions/Q 8345349
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-09T06:38:54+00:00

<script> function start(){ sprites.start(); preloader(); } </script> I am having two functions one to

  • 0
<script>
function start(){
    sprites.start();
    preloader();
    }
</script>

I am having two functions one to preload and other to load the image. Both functions running succesfully but what i want is stop preload function to execute and shows the next function when ever image loading is done.

Briefly i want to hide the preload function and show the sprite function after loading of sprite function

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    Take a look at this:
    Wait for image to be loaded before going on

    Here is a simple mockup:

    <html>
<head>
<script language="javascript">
function loadImage()
{
  var img = new Image();
  img.src = 'img_navsprites.gif';
  console.log( '1. Image has just started downloading.' );
  document.getElementsByTagName('body')[0].appendChild(img);
  img.onload = function() {
    console.log( '2. Image has fully loaded.' );
  }
  console.log( '3. Hey, look at me ... all the way down here!' );
}
</script>
</head>
<body onload="loadImage()">
<div>
</div>
</body>
</html>

    And a another mockup at PasteBin based on your code:
    http://pastebin.com/wcBY2YaL

    • 0