Javascript jquery从php脚本预加载图像，然后显示

我到处寻找这个案子，结果很接近，但我在完成它时遇到了一个问题

我有一个创建图形的PHP脚本。它通过创建一个png img，然后使用标题将图像显示到页面来实现

我可以这样做：

$('#img').attr('src', 'url.php?make_graph=1');

这是有效的。问题是，我有一些图表需要花费相当长的时间来创建，最多需要一分钟，而在创建过程中，图像只是空白的，网页看起来好像什么都没做

我找到了一种预加载图像的方法，但没有将其应用于网页的方法（实际上是从堆栈溢出）。我可以做到：

$('<img/>', {
    'src': 'url.php....',
    'load': function(){ alert("loaded!"); }
}); 

$（'
所以我的问题是，我能以这样的方式加载图像，并以某种方式将其应用于页面上的现有图像吗？我不确定这句话是否非常清楚……我缺少了一个可以显示由脚本制作的预加载图像的部分。如果可能的话，我希望避免保存图像或使用iFrame

获取任何帮助。
一旦加载，将图像src设置为您在后台加载的相同位置，它将（理论上）从缓存中提取并显示给用户

$("<img>", {
    "src": "url.php...",
    "load": function() {
        alert("loaded!");
        $("#foo").attr("src", "url.php...");
    }
});​

$（“
这是我放在一起的一个示例。它最初在页面上加载一个图像，然后在后台加载另一个图像。当您确认警报消息时，它将通过更改src来交换图像。我确认它使用Chrome开发工具从缓存中提取图像。

也许有另一种方法可以解决这个问题，但这是我想到的第一个解决方案