Visualizzazione dei risultati da 1 a 4 su 4

Discussione: piccolo preload

  1. #1
    Utente di HTML.it
    Registrato dal
    Jun 2003
    Messaggi
    4,826

    piccolo preload

    Ciao.
    Ho una serie di link che se premuti , fanno comparire delle immagini che possono essere molto pesanti.
    Vorrei trovare uno script con una gif animata o che so io affianco al link che mi faccia aspettare il tempo che ci vuole a caricare l'immagine e alla fine la visualizzi.
    Magari senza permettere all'utente di fare niente , senza click o mouseover ecc...
    Potete darmi una mano?
    Grazie.

    Ps.
    Pensavo di utilizzare mootools con la sua squeezebox ,ma non so come chiudere la finestra modale alla fine del caricamento dell'immagine,come posso fare?
    altre idee senza usare mootools.

  2. #2
    Utente di HTML.it
    Registrato dal
    Jun 2003
    Messaggi
    4,826
    nessuno?

  3. #3
    Utente di HTML.it
    Registrato dal
    Jun 2003
    Messaggi
    4,826
    Cerco di spiegarmi meglio e di chiarirmi le idee:
    Ho un menu con una serie di link , e ogni link carica nel background di un div un immagine , quest' immagine èmolto grande e vorrei fare in modo di fare apparire un qualcosa che mi indica che il sito sta caricando l'immagine , senza pero' farlo in un altra pagina , basterebbe ad es un div con un gif animato che compare mentre si carica l'immagine e scompare quando l'immagine è caricata .
    Ma come so quando l'immagine è completamente caricata ? esiste un evento?
    grazie.

  4. #4
    Utente di HTML.it
    Registrato dal
    Jun 2003
    Messaggi
    4,826
    ho letto che l'oggetto image in js contiene una proprietà che segnala quando l'immagine ha finito di caricarsi , ho provato a buttare giu due righe ma non va!
    codice:
    <html>
    <head>
    
    <script type="text/javascript">
    
    var i= 0;
    function load1(){
    myImage = new Image();
    myImage.src ="Delta.jpg";
    imgWait=setTimeout('waitFor(myImage)', 125);
    }
    
    function waitFor(img){
    
    if(!img.complete){
    document.getElementById('scrivi').innerHTML = i;  	
    i++;
    }
    else{
    alert("ok");
    }
    } 
    </script>
    </head>
    <body onLoad="load1()">
    <div id="scrivi"></div>
    </body>
    </html>
    l'alert "ok" non compare mai!

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2025 vBulletin Solutions, Inc. All rights reserved.