Исчезновение изображений после их загрузки

Я нашел этот код для достижения желаемого эффекта и попробовал его на JSFiddle

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

Кажется, он работает в что он исчезает изображение после его загрузки. Затем я попробовал это на веб-странице, и это не сработало так: сначала загружалось изображение, а не исчезало. Хотя иногда казалось, что оно исчезает одновременно с загрузкой.

Есть ли более надежный способ добиться этого, желательно путем изменения этого кода, если это возможно?

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