用微調器覆蓋圖像

Question

我需要在現有圖像上覆蓋微調圖像直到生成新圖像&代替舊圖像。

$(document).ready(function() 
{ 
    $(".deleteWord").live("click", function(event) 
    { 
     $("#Image").attr("src",""). 
     $("#Image").attr("src","images/spinner.gif"); 
     $("#Image").attr("src","RegenerateImage?para="+param); 


    }); 
}); 

這就是我現在正在做的。但是這只是刪除現有的圖像，放置微調器，重新生成圖像&替換微調器。

Answer 1

發生這種情況是因爲這就是你要求它做的事情:)你需要做的就是在圖像上連接onload。

有很多選項可以實現這一點。其中之一是使用style =「display：none;」的圖像在頁面上並更改該圖像'"src"。當這個圖像加載改變你的目標圖像"src"。由於瀏覽器已經加載了圖像，它只會出現。

<img id="HiddenImage" src="" style="display:none;" /> 

$(".deleteWord").live("click", function(event) 
    { 
     $("#Image").attr("src","images/spinner.gif"); 
     $("#HiddenImage").attr("src","RegenerateImage?para="+param"); 
     $("#HiddenImage").load(function(){ 
      $("#Image").attr("src","RegenerateImage?para="+param"); 
     });   
    });