Problemi Preload immagini con Firefox

**dvjack** · 22-10-2006, 15:22

So che l'argomento è stato discusso mille volte, ma non ho trovato nulla che corrispondesse al mio caso.
Cmq il problema è questo:
In una pagina faccio il preload di alcune immagini, poi quando sono tutte caricate, le mostro.
con firefox ci sono però dei problemi,(con IE ed Opera funziona tutto).
Firefox non carica tutte le immagini, la progress bar, in cui mostro la percentuale di caricamento, si ferma sempre prima del 100%, quindi poi lo script per la visulizzazione non parte più!!!
Per farla arrivare al 100% devo ricaricare la pagina 2 o 3 volte!

Volevo quindi chiedervi se è un problema del mio firefox o se c'è qualcosa da cambiare nel codice:

codice:

function play(){
	var img=new Array('1.gif','2.gif','3.gif','4.gif','5.gif','6.gif','7.gif','8.gif','9.gif','10.gif','11.gif','12.gif','12.gif');
	numFoto=img.length;
	var imgLoad=new Array(img.length); 
	loaded=0;
	for(var i=0;i[img]img/[/img]=numFoto){alert('Caricamento Completato Correttamente!');}
	}

Sperando di essermi spiegato bene, posso solo aggiungere un link, con cui provare:link

grazie

[EDIT]
Mi son dimenticato di dire che questo comportamento lo fa solo quando le immagini sono in numero uguale o superiore a 10.(o almeno cosi mi è sembrato)
Non penso inoltre che sia un problema di connessione, perchè come ho già detto, con Opera e IE funziona tutto.

**whisher** · 22-10-2006, 15:50

Ciao.
In questa versione sembra funzionare:

Codice PHP:


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />

<title>Documento senza titolo</title>

<style type="text/css">

div.progressBar{width:150px;

                text-align:left;

                height:16px;

                border:1px solid #777777;}

div.progressBar span{position:absolute;

                     background: #999999;

                     padding:0px;

                     margin:0px;

                     height:16px;}

div.progressBar b{ position:absolute;

                   height:16px;

                   padding:0px;

                   text-align:center;

                   width:150px;}

</style>

<script language="javascript" type="text/javascript">

// Preload Immagini

var loaded=0;

var img=new Array('flat1.jpg','flat2.jpg','flat3.jpg','flat4.jpg','flat5.jpg');

var numFoto=img.length;

function play(){

    var imgLoad=new Array(numFoto); 

    for(var i=0;i<numFoto;i++)

    {

        

          imgLoad[i]=new Image();

          imgLoad[i].src='img/'+img[i];

          progressBar();

    }

}

function progressBar(){

    loaded++;

    var colBar=document.getElementById('colorBar').style;

    var perBar=document.getElementById('percentBar');

    var w=Math.floor(loaded*100/numFoto);

    colBar.width=eval(w*1.5)+'px';

    alert(colBar.width);

    perBar.innerHTML=w+'%';

    if(loaded>=numFoto){alert('Caricamento Completato Corrrrretttttamente!');}

    }

window.onload = function()

{

play();

}

</script>

</head>



<body>

Barra Caricamento Immagini

<div class="progressBar"><span id="colorBar"></span><b id="percentBar">0%[/b]</div>

</body>



</html>

**dvjack** · 23-10-2006, 19:38

mi spiace ma il codice non funziona...o meglio, la barra raggiunge il 100%, come è giusto che sia, ma purtoppo in maniera indipendente dall'effettivo scaricamente delle immagini, visto che non gestisci la progressBar utilizzando gli eventi onload delle immagini...
cosi la barra arriva subito al 100% e se parte lo script che mostra le immagini, queste non vengono mostrate, perchè alcune di esse devono ancora essere scaricate....

Nessun altro ha mai avuto il mio stesso problema?

**dvjack** · 24-10-2006, 15:43

Ho fatto prove su altri pc e penso proprio che il problema sia sul mio Firefox

penso sia dovuto all'estensione FireBug....cmq non ne ho la certezza più assoluta :master:

per lo script, ho lasciato quindi come era e funziona quasi sempre perfettamente...al massimo basta ricaricare la pagina (anche se è brutto)
Cmq penso che sarà solo una soluzione temporanea...

Discussione: Problemi Preload immagini con Firefox

Strumenti discussione

Ricerca discussione

Visualizza

Problemi Preload immagini con Firefox

.........

Permessi di invio