更新圖像不閃爍 ASP.NET C#

Question

我正在編寫一個 web 站點，該站點的頁面必須顯示圖像。 此圖像是由 HttpHandler 使用查詢字符串命令創建的，我怎樣才能使其工作而不會出現任何閃爍？

在此先感謝，如果您需要一些代碼，我很樂意分享！

Answer 1

您可以使用 2 個 UpdatePanel 並在每次“重新加載”后切換它們：

將 Frame1 加載到 Panel1 並在 Postback/Pageload 隱藏 Panel2
根據 AJAX 將 Frame2 加載到 Panel2 中，並在加載圖像后顯示 Panel2 並隱藏 Panel1
根據 AJAX 將 Frame3 加載到 Panel1 中，並在加載圖像后顯示 Panel1 並隱藏 Panel2
阿蘇……

然后，您甚至可以使用 JS 從 Panel1->Panel2 進行平滑淡入淡出（參見這里或更容易使用 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 我不記得我從哪里得到的，所以我不能給予信任。 對不起。