改變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; 
}