Caricamento ritardato di un immagine

[modugnoweb]

Salve a tutti, attraverso il seguente codice visualizzo diverse immagini ogni 5 secondi adoperando l'effetto fade in e out.

Il tutto funziona perfettamente pero' sembra che quando carica l'immagine successiva:

$(this).attr('src', images[index]);

tale caricamento non termina rapidamente e viene rivisualizzata la stessa immagine per qualche secondo invece di visualizzare l'immagine successiva:

$(this).fadeIn('slow', function()...

Questo è cio' che immagino io che avvenga perchè nel ciclo successivo della visualizzazione delle immagini tale problema non si presenta, come se ormai il browse abbia gia' caricato tutte le immagini e quindi esse vengono visualizzate con effetto fade senza problemi.

In pratica, se non mi sono spiegato bene, basta guardare qui per capire subito il problema:

http://www.modugnoweb.altervista.org/News/35.php?CN=35

Gentilmente c'e' un modo per risolvere tale problema? Grazie in anticipo per la risposta

<script type="text/javascript" src="http://jqueryjs.googlecode.com/files/jquery-1.3.2.min.js"></script>
<script>

 var images = new Array();

 <? 
  for ($i=0; $i< sizeof($IMM) ; $i++) 
   { ?> images[<?= $i ?>] = "<?= "../" . $IMM[$i] ?>"; <? } 
 ?>  

 $(document).ready(function()
 {       

  setInterval (rotateImage, 5000);                
  var index = 1;
  function rotateImage()
   {
    $('.dumbCrossFade img').fadeOut(1000, function()
     {
      $(this).attr('src', images[index]);    
      $(this).fadeIn('slow', function()
      {
       if (index == images.length-1)
        {
         index = 0;
        }
       else
        {
         index++;
        }
      });
     });
    }
  });

</script>

ma scusa ti faccio io una domanda, ma è normale che metti il codice php dentro i marcatori script? a occhio mi suona male quel ciclo e anche tutti i delimitatori php che hai messo nel ciclo mi suona strano...

[alemoppo]

Prova a precaricare le immagini, ad esempio con:

var img = new Image;
img.src='percorsoimmagine/img.ext';

Ciao!

[modugnoweb]

mieifiles, non so come si fa in javascript a caricare nell'array il contenuto dell'array IMM creato precedentemente in php, per questo ho fatto in quel modo.

alemappo come si puo' precaricare diverse immagini su una stessa imm?

[modugnoweb]

comunque mieifiles io non trovo altra maniera per scrivere tale ciclo for:

var images = new Array();

<?
for ($i=0; $i< sizeof($IMM) ; $i++)
{ ?> images[<?= $i ?>] = "<?= "../" . $IMM[$i] ?>"; <? }
?>

si tratta sempre e comunque di copiare un array php in un array in javascript, se magari hai un modo piu' semplice per scriverlo farebbe piacere saperlo.