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。