Visualizzazione dei risultati da 1 a 2 su 2

Discussione: slideshow

  1. #1

    slideshow

    Buongiorno a tutti,
    spero di essere nella sezione giusta (vi accorgerete che sono veramente ignorante in materia).

    Vi premetto che sono un fotografo e che sto cercando di modificare il mio sito web, da me realizzato con l'ausilio di iWeb (Apple)

    http://www.simonetramonte.it/3.0%20P..._3.0/Home.html


    Vorrei sottoporvi un problema:

    Ho inserito sulla Home ("scopiazzando") una parte di codice che mi permette di far visualizzare a rotazione ogni x secondi una decina di immagini differenti.
    Tutto funziona correttamente, però il tempo di caricamento della pagina è troppo lungo (ci vogliono 4/5 secondi prima di iniziare a visualizzare la prima foto dello slideshow). Ho l'impressione che carichi prima tutte le immagini e poi inizi a visualizzare.

    Come posso modificare il codice che vi allego per risolvere il problema?

    Grazie

    --------------------------------------------------
    <script language="javascript1.2">
    var foto = new Array(10);
    foto[0] = "http://www.simonetramonte.it/photoshow_img/SIMONE_TRAMONTE_01.jpg";
    foto[1] = "http://www.simonetramonte.it/photoshow_img/SIMONE_TRAMONTE_02.jpg";
    foto[2] = "http://www.simonetramonte.it/photoshow_img/SIMONE_TRAMONTE_03.jpg";
    foto[3] = "http://www.simonetramonte.it/photoshow_img/SIMONE_TRAMONTE_04.jpg";
    foto[4] = "http://www.simonetramonte.it/photoshow_img/SIMONE_TRAMONTE_05.jpg";
    foto[5] = "http://www.simonetramonte.it/photoshow_img/SIMONE_TRAMONTE_06.jpg";
    foto[6] = "http://www.simonetramonte.it/photoshow_img/SIMONE_TRAMONTE_07.jpg";
    foto[7] = "http://www.simonetramonte.it/photoshow_img/SIMONE_TRAMONTE_08.jpg";
    foto[8] = "http://www.simonetramonte.it/photoshow_img/SIMONE_TRAMONTE_09.jpg";
    foto[9] = "http://www.simonetramonte.it/photoshow_img/SIMONE_TRAMONTE_10.jpg";
    var attuale = 0;

    function cambia_img()
    { document.getElementById("immagine").src= foto[(attuale++)%10];
    timer();
    }
    function timer()
    { setTimeout("cambia_img();", 5000);
    }
    </script>
    <body onLoad="timer()">
    [img][/img]
    ------------------------------------------------------------------------------

  2. #2
    Frontend samurai L'avatar di fcaldera
    Registrato dal
    Feb 2003
    Messaggi
    12,924
    in realtà no. Il tuo slideshow inizia a girare all'evento onload, ovvero quando la pagina ha finito di caricare tutto quello che ci hai messo dentro ECCETTO le 10 immagini di slideshow

    inoltre il tuo slideshow cambia le immagini ogni 5 secondi ma non tiene in considerazione che l'immagine che richiedi ad ogni transizione può impiegarci del tempo a caricarsi, quindi fintanto che non hai visualizzato tutte e 10 le immagini (dopodichè subentra la cache) vedrai delle transizioni con dei "buchi" vuoti

    Per il problema dei 5 secondi: è dovuto in modo rilevante al numero di request ai file js e css e al loro peso complessivo: riduci il peso del codice e riduci complessivamente il numero di requests
    Vuoi aiutare la riforestazione responsabile?

    Iscriviti a Ecologi e inizia a rimuovere la tua impronta ecologica (30 alberi extra usando il referral)

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.