Question

here is a sameple code, I would like to know when the browser is REALLY loading image

when you assign an image path to a array like that

imageNames[0] = 'image1.jpg';

or when you make

myImage = new Image();
myImage.src = imageNames[0];

i have put some timer.. but did not get concluant result ! HELP

Answer 1

You would look at the load event. Attach it with the ancient onload or addEventListener()/attachEvent() depending on your browser support requirements.

myImage = new Image;

myImage.onload = function() {
   alert('Image loaded');
}

myImage.src = imageNames[0];

jsFiddle.

You could also check if the image is already loaded by checking the complete property.