Question

我正在写一个网站，其中有一个必须显示图像的页面。这个图像是由HttpHandler使用查询字符串命令创建的，如何在没有任何闪烁的情况下使其工作？

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

Answer 1

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

将Frame1加载到Panel1中并在Postback / Pageload中隐藏Panel2   按照AJAX将Frame2加载到Panel2中，并在加载图像后显示Panel2并隐藏Panel1
  按照AJAX将Frame3加载到Panel1中，加载图像后显示Panel1并隐藏Panel2
  ASO ....

然后你甚至可以使用JS从Panel1-＆gt; 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)

预装图像后，转换非常顺利。

P.S。我不记得我在哪里得到这个，所以我不能给予信任。遗憾。

更新映像而不会闪烁ASP.NET C＃

2 个答案: