Question

I have a function preload.

I want to make it so that the image on my page does nothing when you click on it UNTIL the preloading has completed.

1. page loads
2. preloading begins – clicking on the main image does nothing
3. preloading completes – clicking on the main image will now call the intended function

How can this be realized?

Thanks

Answer 1

Use the .load() event handler

$('#myImage').load(function() {
  // Handler for .load() called.
});