JavaScript 预加载图像

我正在尝试预加载图像，以下代码有效：

$(document).ready(function(){
    $(".member-photos img").each(function(){
        var id = $(this).attr("data-id");
        var file = $(this).attr("data-file");
        var img = new Image();
        img.src = "/user-data/images/image.php?id="+id+"&file="+file+"&width=600&crop=false";
    });
});

但我想解决的问题是 Chrome 在选项卡中显示旋转的“正在加载”图标。有没有办法可以做到这一点，这样它就不会连续旋转，直到图像加载完毕？我希望加载页面和缩略图，然后开始在后台加载较大的图像，而不需要选项卡中的旋转图标。

还没有测试我的想法。

我认为当文档准备好时，您正在同步加载图像文件，因此 Chrome 告诉用户加载尚未完成。

为了不显示旋转图像，您应该使用 ajax 调用服务器来接收图像，您可以将其添加到文档或不执行任何操作（因为它已经缓存）

$.ajax({ url : <<image_url>>, cache: true, processData : false, })
.success(function(){ 
  $(document).append( $("<img/>").attr("src", <<image_url>>).hide() );
});