Ciao a tutti,

io ho un grosso problema. Io ho un sacco di immagini da caricare su una pagina web (+ di 100!!!). Quando carico la pagina, il caricamento é lento. Mi sono cimentato con JQuery e non riesco a fare un preload di immagini. Posto il codice che ho creato:

codice:

<?php 
       $images = array( "http://www.sito.it/image1.jpg","http://www.sito.it/image1.jpg",..... ); 
 ?>
 <script type="text/javascript">
   jQuery(function($){
       var images = ( <?php echo json_encode($images); ?> ); 
       var imgbox = document.createElement("div"); 
       $(imgbox).css({display: 'none'});
       $('body').append(imgbox);

       $.each( images , function( ind, item ) 
       {
          #Injecting images into the bottom hidden div. 
          var img = document.createElement("img"); 
          $(img).src("/cartella_images" + item ); 
          $(imgbox).append(img);
       });
    }); 
 </script>

<div id="imgbox"></div>
Il codice di cui sopra, non mi fa capitare nulla. Dove sbaglio?

Grazie a tutti.