jquery：图像在加载时淡入淡出

Question

现在，我拥有它，以便当用户将鼠标悬停在框上时，图像淡出，文本/链接将显示，如下面的jsfiddle所示。

的jsfiddle：http://jsfiddle.net/Hrs2a/2/

我想上拥有整个图像淡入负载和有加载GIF显示，直到图像准备的能力增加。我尝试了以下，但它没有奏效。

的jsfiddle：http://jsfiddle.net/Hrs2a/3/

我如何能得到这个工作，你知道吗？所有的帮助将不胜感激。顺便说一下，我在另一个线程中提出了一个类似的问题，但是我打开了这个新问题，因为我没有询问我需要的全部范围以及我在另一个线程中所要求的问题。

Answer 1

$('img').load(function() { 
    $('loader').hide(); 
    $('img').show(5000); 
}); 

您还需要初步隐藏图像并显示加载程序gif。