用微调器覆盖图像

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