Question

我正在编辑一个图像并重新加载一个新的查询字符串，以确保它确实使用缓存副本。由于Image已有图像源，当我更改图像时，用户仍然看到旧图像，如果图像很大，他可能会认为它没有进行处理。有没有办法向用户显示正在加载图像？

Answer 1

用加载消息替换初始图像：

function SomeImageChangeFunction()
{
    $('ProcessingImage').parent().text('loading...');
    $('ProcessingImage').attr('href', 'newURL');
}

加载可以是动画gif或任何你想要的。

Answer 2

你有jquery吗？

在更改新图像时，隐藏它并在同一位置显示包含加载图像/文本的div。然后，在图像载入中，重新显示图像并隐藏div。

<img id="loadingimg" src="loading.gif"><img id="theimage" src="whatever-1.jpg" onload="imgloaded();" onchange="imgchanged();">

function imgchanged() {
     $('#theimage').css('display', 'none');
     $('#loadingimg').css('display', 'inline');
}

function imgloaded() {
     $('#loadingimg').css('display', 'none');
     $('#theimage').css('display', 'inline');
}

加载图像JQuery / Javascript时显示处理

2 个答案: