• User Attivo

    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?


  • Super User

    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: