仅当图像确实是第一次加载时才显示图像的加载 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;

如果您将其放入计时器中，那么您就会知道它何时加载。