Visualizzazione dei risultati da 1 a 10 su 10
  1. #1

    barra di loading per un menù

    Ciao..
    sulla mia pagina web ho un menù che appare e scompare e in questo menù ci sono delle mappe immagine che onmouseover diventano gif animate (per capirci www.cosmicone.tk - cliccate sulla scritta "MENU" a dx) e vorrei che all'entrata della prima pagina apparisse una barra di loading e che nel frattempo in background vengano caricate sulla cache le gif animate e immagini necessarie al corretto funzionamento del menu perché altrimenti se ci si connette a bassa velocità l'animazione non è fluida e l'effetto è scarso.

    Qualcuno sa dirmi dove posso trovare il codice necessario a creare il "loading"??
    - - - keep it simple - - -

  2. #2
    - - - keep it simple - - -

  3. #3
    Utente di HTML.it
    Registrato dal
    Sep 2001
    Messaggi
    21,188
    Hai gia` guardato tra le "discussioni utili" del forum?
    Hai gia` provato con una ricerca (bottone in alto a destra)?
    Hai gia` controllato tra le raccolte di script?
    Nuova politica di maggiore severita` sui titoli delle discussioni: (ri)leggete il regolamento
    No domande tecniche in messaggi privati

  4. #4
    sì....... e tra tutte queste ho trovato solo questo script:

    <html>
    <head>
    <title></title>
    <style type="text/css">
    body{
    margin:0px;
    padding:0px;
    }
    #loading {
    position:absolute;
    top:0px;
    left:0px;
    z-index:100;
    width:100%;
    height:100%;
    visibility:visible;
    background-color:#ff9933;
    }
    </style>
    <script type="text/javascript">
    <!--
    function nascondi(lvl){
    document.getElementById(lvl).style.visibility='hid den'
    }
    //-->
    </script>
    </head>
    <body onload="nascondi('loading')">
    <div id="loading">caricamento in corso</div>

    bla bla bla
    </body>
    </html>

    che per quanto utile non risolve il mio problema..ossia questo script mi fa attendere finchè tutte le immagini necessarie al funzionamento della pagina siano caricate ma io voglio che carichi anche le immagini necessarie al funzionamento degli onmouseover.

    Idee?????

    - - - keep it simple - - -

  5. #5
    Utente di HTML.it
    Registrato dal
    Sep 2001
    Messaggi
    21,188
    Fai un precaricamento immagini. Il forum ne e` pieno, ed anche le raccolte.

    Per una singola immagine:
    codice:
    var pippo = new Image();
    pippo.src = "path/nomefile.gif";
    Nuova politica di maggiore severita` sui titoli delle discussioni: (ri)leggete il regolamento
    No domande tecniche in messaggi privati

  6. #6
    bene.. ho trovato questo esempio tra i forum:

    <script>
    immagini=new Array()
    immagini[0]="prima.jpg";
    immagini[1]="cartella/seconda.bmp";
    immagini[2]="../terza.gif";

    arr_img=new Array()
    for(i=0;i<immagini.length;i++){
    arr_img[i]=new Image()
    arr_img[i].src=immagini[i]
    }
    </script>

    ma non capisco perché non posso specificare direttamente una cartella da caricare interamente invece di dover specificare ogni signolo nome di immagine.. qualcuno sa se si potrebbe fare??

    Grazie!!
    - - - keep it simple - - -

  7. #7
    Utente di HTML.it L'avatar di Xinod
    Registrato dal
    Sep 2000
    Messaggi
    13,649
    no, con javascript non puoi leggere alla cieca nelle cartelle

    Potresti usare qualche linguaggio lato server che legga la directory e riempia l' array javascript (in pratica come faresti manualmente tu con lo script di cui sopra)

    ciao

  8. #8
    grazie ora funziona tutto ma il problema è che ho messo l'upload a tutta pagina all'avvio della stessa e prima che appaia il fondo arancio con la piccola animazione al centro passa un mucchio di tempo durante il quale la pagina è bianca e non si vede niente..credo sia molto scoraggiante per l'utente! Potete vederlo su www.cosmicone.tk
    E' possibile evitare questo inconveniente??

    Grazie
    - - - keep it simple - - -

  9. #9
    Moderatore di JavaScript L'avatar di br1
    Registrato dal
    Jul 1999
    Messaggi
    19,998
    Il guaio per i poveri computers e' che sono gli uomini a comandarli.

    Attenzione ai titoli delle discussioni: (ri)leggete il regolamento
    Consultate la discussione in rilievo: script / discussioni utili
    Usate la funzione di Ricerca del Forum

  10. #10
    grazie
    - - - keep it simple - - -

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.