Hide images until they're loaded

Question

I got a jQuery script which is dinamically appending data to the \"holder\" at some timeinterval. The data looks like this:

Answer 1

just set the onload property when you add the image.

var img = new Image();
img.src = "some url"
img.onload=function(){$(img).fadeIn(500);}
document.getElementByID('parent').appendChild(img);

see working example here