- Home
- Categorie
- Coding e Sistemistica
- HTML e CSS
- Evitare l'effetto mosaico in fase di caricamento
-
Evitare l'effetto mosaico in fase di caricamento
Ciao a tutti, ho fatto un sito html con l'ausilio di photshop per un amico ma quando si carica la pagina c'e' un fastidioso effetto mosaico, ovverro la grafica si carica a pezzi. C'è la possibilita di poter evitare questo effetto magari con uno script che prima della fine del caricamento della pagina non mostri nulla?
-
Ciao
ho dedicato qualche minuto al tuo problema perchè lo ritengo interessante.
Potresti provare qualcosa del genere:
<!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=utf-8" /> <title>Esempio di preloading di Claudioweb</title> </head> <style type="text/css"> body{ margin:0; } #caricamento { width: 100%; height: 100%; line-height:300px; background:#666666; border:0; margin:0; padding:0; position: absolute; text-align: center; font-size:20px; color:red; } </style> <script type="text/javascript"> <!-- document.write('<div id="caricamento">Attendi il caricamento della pagina...<br /><img src="http://img137.imageshack.us/img137/5310/bigrotation2wa0.gif" /></div>'); window.onload=function(){ document.getElementById("caricamento").style.display="none"; } // --> </script> <body> <img src="http://img223.imageshack.us/img223/3626/immagine20046lm5.jpg" /> </body> </html> ```Vedi, come idea non è male. Ovviamente si può sviluppare ed arricchire come cosa. L'ho fatta al volo. :ciauz: