Preload immagine e background che scarica sempre rallentando

**stiffa** · 19-04-2007, 11:15

come cavolo e' possibile che il background di una lista ordinata, debba sempre scaricarmi le immagini anche se le ho gia in cache ????

Ad ogni refresh le immagini che uso per lo sfondo vengono sempre scaricate nuovamente...
Questo lo vedo dalla barra di stato che dice sempre....(6 oggetti rimanenti) Download immagine https://blalbalblalblalbla

Io ho guardato e le immagini sono in cache....
Ho anche aggiunto un preload

Codice PHP:








#preloadedImages {

       width: 0;

       height: 0;

       background-image: url(../css/bg.png);

       background-image: url(../css/norm_right.png);

       background-image: url(../css/norm_left.png);

       background-image: url(../css/norm_left_active.png);

       background-image: url(../css/norm_right_active.png);

}







<div id="preloadedImages"></div>

ma quando viene letto questo css per lo sfondo della lista ordinata :

Codice PHP:






ul.tabbernav li

{

 float:left;

 background: url("norm_right.png") no-repeat right top;

 margin:1px;

 padding:0;

 

}

viene sempre scritto Download immagine..... Questo causa lentezza ....
Come posso fare...vi prego aiuto

**Mich_** · 19-04-2007, 11:49

Non avevo mai visto un preload in CSS, ed in effetti quel codice contiene due errori.
1 - HTML - il blocco e` vuoto (nessun carattere tra > e <) e puio` venir ignorato dal browser
2 - CSS - ci sono piu` immagini per lo stesso scopo: il browser potrebbe non caricarle, dato che non servono (eventualmente caricare solo l'ultima)

Per evitare i ritardi con gli sfondi CSS, ho visto usare due metodi:
- fare un preload tramite JS
- fare un'immagine unica, da posizionare tramite il background-position dei CSS: in pratica il "movimento" consiste nello spostare l'immagine di sfondo, non nel ricaricare una nuova immagine.

PS: le considerazoni di cui sopra prescindono dal codice postato nell'ultima finestrella, che non capisco (non capisco cosa c'entri quel codice con il precaricamento)

**stiffa** · 19-04-2007, 12:12

avevi ragione....cosi facendo precaricava solo l'ultima....
allora ho risolto cosi...spero possa servire anche ad altri....non sarà una bellissima soluzione ....ma funziona

Codice PHP:


 

#preloadedImages {

   width: 0;

   height: 0;

   background-image: url(../css/bg.png);

} 

 

 #preloadedImages2 {

   width: 0;

   height: 0;

   background-image: url(../css/norm_right.png);

} 

 

 #preloadedImages3{

   width: 0;

   height: 0;

   background-image: url(../css/norm_left.png)

} 

 #preloadedImages4{

   width: 0;

   height: 0;

   background-image: url(../css/norm_left_active.png);

} 

 

 #preloadedImages5 {

   width: 0;

   height: 0;

   background-image: url(../css/norm_right_active.png);

} 

</style> 



<body>

<div id="preloadedImages"></div>

<div id="preloadedImages2"></div>

<div id="preloadedImages3"></div>

<div id="preloadedImages4"></div>

<div id="preloadedImages5"></div>



</body>

Discussione: Preload immagine e background che scarica sempre rallentando

Strumenti discussione

Ricerca discussione

Visualizza

Preload immagine e background che scarica sempre rallentando

Permessi di invio