用旋转器覆盖图像

时间:2011-03-07 10:59:46

标签: jquery spinner

我需要在现有图像上叠加微调图像,直到生成新图像为止。取代旧的。

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


    });
});

这就是我目前正在做的事情。但这只是删除了现有的图像,放置了微调器,重新生成了图像和图像。取代微调器。

1 个答案:

答案 0 :(得分: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");
        });        
    });