Обновление изображения без мерцания ASP.NET C #

Question

Я пишу веб-сайт, на котором есть страница с изображением. Это изображение создано HttpHandler с помощью команд строки запроса, как я могу заставить это работать без каких-либо мерцаний?

Заранее спасибо, если вам нужен код, я рад поделиться им!

Answer 1

Вы можете использовать 2 UpdatePanels и переключать их после каждой «перезагрузки»:

Загрузка Frame1 в Panel1 и скрытие Panel2 при обратной передаче / загрузке страницы
Загрузите Frame2 в Panel2 в соответствии с AJAX, и после загрузки изображения покажите Panel2 и скройте Panel1
Загрузите Frame3 в Panel1 в соответствии с AJAX и после загрузки изображения покажите Panel1 и скройте Panel2
Асо ....

Затем вы могли бы даже сделать плавное затухание из Panel1-> Panel2, используя JS (см. ЗДЕСЬ или проще с 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 Я не помню, откуда я это взял, поэтому не могудать кредит.К сожалению.