改变IMG显示的SRC processing.gif，直到真正的IMG负载

Question

后

可能重复：
How to show a spinner while loading an image via JavaScript

我有一个img，未来BTN和以前的BTN

下一步按钮加载下一张图片为

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

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

Answer 1

你可以做这样的事情：

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); 
}); 

Answer 2

你可以尝试设置process.gif在CSS图像的背景：

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