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

时间:2011-07-11 10:01:58

标签: c# asp.net image flicker

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

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

2 个答案:

答案 0 :(得分:3)

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

  

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

然后你甚至可以使用JS从Panel1-> Panel2顺利淡出(参见HERE或使用jQuery fadeIn()fadeOut()更容易)。

答案 1 :(得分:1)

我在项目中使用了以下代码,我遇到了类似的问题。也许这有助于解决您的问题。

 (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。我不记得我在哪里得到这个,所以我不能给予信任。遗憾。