只有在第一次真正加载它时才显示加载图像的gif

Question

我有2个img元素。 2 id为他们：rimg和limg。 limg是加载gif，rimg是图像重新加载的完整顶点。

是在加载图像完成之前显示加载的代码：

$("#limg").fadeIn("fast");
$("#rimg").attr("src",$(that).attr("bsrc")).load(function(){
    $("#limg").fadeOut("fast",function () {
        $("#rimg").attr("alt",$(that).attr("alt"));
        $("#rimg").fadeIn("normal");
});
});

如果我第一次登录该网站，它会显示加载的gif。 如果它不是我的第一次它仍然显示，但我需要加载是平滑的没有加载 如何在显示加载gif之前检查图像是否已加载和缓存？

Answer 1

我认为这是唯一适合您的解决方案：如果您在jquery脚本中构建以下内容，那么它将起作用。

var pic=new Image(x,y);//x,y is optional
pic.src= //path;

if(pic.complete) donePic()
else pic.onload= donePic;

如果你把它放在计时器里面，你就会知道它何时被加载。