Encontré este código para lograr el efecto deseado y lo probé en JSFiddle

http: //jsfiddle.net/AndyMP/7F9tY/366

Parece funcionar porque desvanece la imagen después de que se ha cargado. Luego lo probé en una página web y no funcionó de la misma manera, cargando la imagen primero en lugar de desvanecerla. Aunque a veces parecía que se desvanecía al mismo tiempo que se cargaba.

Existe una forma más confiable de lograr esto, preferiblemente modificando este código si es posible?

$("#image").ready(function(){ $("#preload").fadeIn(1000); });