Bilder über einen Ajax-Aufruf vorladen

Question

Könnte jemand mir helfen, zu verstehen, wie man die Bilder von random.php Seite vorladen, so dass das erste Mal lädt es blendet in, wie es sollte. Derzeit seine hat eine hässliche Bulk-Echo, weil sie nicht vorgeladen sind, aber sobald die Seite einmal ausgeführt wurde, blendet es auf nach dem anderen perfekt...

//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");
        });
      });
    }
  });
}