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

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

在此先感谢，如果您需要一些代码我很乐意分享它！

Answer 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) 

预加载图像后，过渡非常顺利。

ps我不记得我在哪里得到这个，所以我不能给予信任。 抱歉。

Answer 2

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

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

然后你甚至可以使用JS从Panel1-> Panel2平滑淡出（参见HERE或者使用jQuery fadeIn（）和fadeOut（）更容易）。