更新图像而不闪烁 ASP.NET C#

Question

我正在编写一个网站，该网站的页面必须显示图像。该图像是由 HttpHandler 使用查询字符串命令创建的，如何才能使其正常工作而不会出现任何闪烁？

提前致谢，如果您需要一些代码，我很乐意分享！

Answer 1

您可以使用 2 个 UpdatePanel，并在每次“重新加载”后切换它们：

将 Frame1 加载到 Panel1 中并在回发/页面加载时隐藏 Panel2
通过 AJAX 将 Frame2 加载到 Panel2 中，加载图像后显示 Panel2 并隐藏 Panel1
通过 AJAX 将 Frame3 加载到 Panel1 中，加载图像后显示 Panel1 并隐藏 Panel2
阿苏....

然后您甚至可以使用 JS 从 Panel1->Panel2 平滑淡入淡出（请参阅 HERE 或更容易使用 jQuery fadeIn() 和fadeOut()）。

Answer 2

我在一个项目中使用了以下代码，我遇到了类似的问题。也许这可以帮助解决您的问题。

 (function($) {
  var cache = [];
  // Arguments are image paths relative to the current page.
  $.preLoadImages = function() {
    var args_len = arguments.length;
    for (var i = args_len; i--;) {
      var cacheImage = document.createElement('img');
      cacheImage.src = arguments[i];
      cache.push(cacheImage);
    }
  }
})(jQuery)

预加载图像后，过渡非常流畅。

ps我不记得我从哪里得到这个，所以我不能给予信任。对不起。