仅在第一次真正加载图像时才显示图像的加载 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;

如果你把它放在一个计时器里面，那么你就会知道它什么时候被加载。