Ocultar imágenes hasta que estén cargadas

Obtuve un script jQuery que está agregando dinámicamente datos al "titular" en algún intervalo de tiempo. Los datos se ven así:

<div class="item-box etc etc"> <img src="data.png"> </div>

y estoy cargando como 50 imágenes a la vez, mi objetivo es hacerlasfadeIn, cuando se carga cada imagen.

He intentado lo siguiente:

parentDiv.on("load", "img", function() {
    $(this).parent().fadeIn(500);
});

Violín:http://jsfiddle.net/3ESUm/2/

pero parece queon el método no tieneload oready métodos Me quedé sin ideas.

Respuestas a la pregunta(2)

Su respuesta a la pregunta