¿Podría alguien ayudarme a entender cómo cargar las imágenes de la página random.php para que la primera vez que las cargue se desvanezca como debería? Actualmente tiene un feo eco masivo porque no están precargados, pero una vez que la página se ha ejecutado, una vez que se desvanece tras la otra perfectamente ...

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