Question

Is there any way I could load an image via javascript and then have a callback fire when it is finished?

Thanks for any ideas.

Answer 1

Have you tried this?

var img = new Image();
img.onload = function(){ alert('loaded'); };
img.src = '/some/image.jpg';

UPDATE

sure you can set the background-image of an element with this. Use the onload event to do whatever you like!

// change background to image - only after image completely loaded
function setBackroundImage(node, imageUrl) {
  var img = new Image();
  img.onload = function() {
    node.style.backgroundImage = imageUrl;
  }
  img.src = imageUrl;
}

setBackroundImage(document.getElementById(‘foobar’), ‘/some/image.jpg’);