Question

I m trying to execute some code when image is not loaded. I m using following code:

<script language="javascript">

object = new Image();
object.src = '$imageurl';

if(!object.complete)
{
    //do something
}

</script>

But this is not working in Facebook. Please help me.

Answer 1

Run a function using window.setInterval while the image is loading and stop it as soon as it has loaded.

function () {
var img = new Image();

var intervalId = window.setInterval(function () {
  /* stuff to do with "img" while it is loading */
}, 250);

img.onload = function () { window.clearInterval(intervalId); }
img.src = 'http://example.com/image.jpg';
}