在AJAX获取请求时停止闪烁图像

Question

我有以下功能，每隔10秒刷新一次页面并从数据库中获取一些数据，并将其放在一些div中。问题是，如果有图像，它们会在刷新区域时每10秒闪烁一次。

有什么方法可以防止这种闪烁的图像？也许某种形式的缓存或预加载？

图像托管在S3，我正在使用PHP进行项目。

提前致谢！

function refreshAll() {
  var doneCount = 0;
  var onDone = function() {
    doneCount++;

    if (doneCount == 2)
      setTimeout(refreshAll, 10000);
        console.log("fetching new updates....");
  }

  loadLeaderboard(onDone);
  loadActivity(onDone);
 }

refreshAll();

function loadLeaderboard(onDone) {
   var competitionId = $("body").attr("data-competitionId");
   var url = "leaderboard_api.php?competitionId=" + competitionId;

   $.get(url, function(data) {
     $("#leaderboard-spot").html(data);

      if (onDone)
        onDone();

   });
 }

function loadActivity(onDone) {
  var competitionId = $("body").attr("data-competitionId");
  var url = "activity_api.php?competitionId=" + competitionId;

   $.get(url, function(data) {
     $("#activityspot").html(data);
        if (onDone)
        onDone();
   });
 }