наложение изображения с помощью счетчика

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

Это происходит потому, что это то, что вы говорите, чтобы сделать :) Что вам нужно сделать, это подключить нагрузку даже на изображение.

Есть много вариантов для достижения этой цели. Одним из них является изображение с 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");
        });        
    });