jquery - 更改 img 显示 processing.gif 的 src 后，直到真正的 img 加载

Question

可能重复：
如何在通过 JavaScript 加载图像时显示微调器

我有一个 img，下一个 btn 和上一个 btn

下一个按钮将下一个图像加载为

crntSrc=$("img").attr('src');
nextSrc=(crntSrc+1);
$("img").attr('src',nextSrc);

但我想显示 process.gif 图像，直到 nextSrc 完全加载。

Answer 1

您可以尝试在 css 中将 process.gif 设置为图像的背景：

​img{
 background:url('process.gif') no-repeat center;   
}

​</p>

Answer 2

你可以这样做：

function preload(src, cb)
{
    var img = new Image();
    img.load = cb;
    img.src = src;
}

var newImage = "/foo/foo.jpg";

// Function is called after image is loaded into memory.
preload(newImage, function(){
    $("#afterloadimg").attr("src", this.src);
});