Предварительная загрузка изображений из Ajax Call

Может ли кто-нибудь помочь мне понять, как предварительно загружать изображения со страницы random.php, чтобы при первой загрузке они отображались как следует. В настоящее время у него ужасное эхо, потому что онине загружается предварительно, но как только страница была запущена, после того, как она полностью исчезла после другой ...

//Loop through the images and print them to the page
for (var i=0; i < totalBoxes; i++){
  $.ajax({
    url: "random.php?no=",
    cache: false,
    success: function(html) {
      // following line I originally suggested, but let's make it better...
      //$('#bg').append(html).fadeIn('slow');
      // also note the fine difference between append and appendTo.
      var $d = $(html).hide().appendTo('#bg').fadeIn('slow');
      $('img', $d).hover(function() {
        var largePath = $(this).attr("rel");
        $(this).fadeOut("slow", function() {
          $(this).attr({ src: largePath }).fadeIn("slow");
        });
      });
    }
  });
}

Ответы на вопрос(2)

Ваш ответ на вопрос