+ Rispondi alla Discussione
Risultati da 1 a 10 di 10

javascript per cambio immagine ogni giorno e ora

Ultimo Messaggio di claudioweb il:
  1. #1
    Utente Premium L'avatar di Vampiretta
    Data Registrazione
    Oct 2006
    Località
    Roma
    Messaggi
    1,623

    javascript per cambio immagine ogni giorno e ora

    Salve ho trovato online due javascript. Uno per cambiare un immagine ogni giorno del mese e uno ogni ora della giornata.

    Volevo tenerli entrambi in un pagina, su due immgini e punti diversi.

    Ho pensato che bastasse cambiare il name dell'immagine (e anche nello script) ma non basta.

    Che faccio? E' impossibile farlo?

    Vi lascio i due codici.

    Per i giorni:
    Codice HTML:
    <script type="" language="JavaScript">
    function apri(conta) {
    nuovo=new Array("logohome1.jpg","logohome1.jpg","logohome2.jpg","logohome3.jpg",
    "logohome4.jpg","logohome5.jpg","logohome6.jpg","logohome7.jpg",
    "logohome8.jpg","logohome9.jpg","logohome10.jpg","logohome11.jpg",
    "logohome12.jpg","logohome13.jpg","logohome14.jpg","logohome15.jpg",
    "logohome16.jpg","logohome17.jpg","logohome18.jpg","logohome19.jpg",
    "logohome20.jpg","logohome21.jpg","logohome22.jpg","logohome23.jpg",
    "logohome24.jpg","logohome25.jpg","logohome26.jpg","logohome27.jpg",
    "logohome28.jpg","logohome29.jpg","logohome30.jpg","logohome31.jpg")
    document.water.src=nuovo[conta]
    }
    function avvia() {
    data = new Date
    oggi=data.getDate()
    apri(oggi)
    }
    </script>
    E l'immagine si chiama
    Codice HTML:
    <img src="barrettamini.gif" name="water" alt="" border="0" vspace="25">

    Per le ore:
    Codice HTML:
    <script language="JavaScript">
    function apri(conta) {
    nuovo=new Array("immagine-buon0.gif","immagine-buon1.gif",
    "immagine-buon2.gif","immagine-buon3.gif","immagine-buon4.gif",
    "immagine-buon5.gif","immagine-buon6.gif","immagine-buon7.gif","
    immagine-buon8.gif","immagine-buon9.gif","immagine-buon10.gif",
    "immagine-buon11.gif","immagine-buon12.gif","immagine-buon13.gif",
    "immagine-buon14.gif","immagine-buon15.gif","immagine-buon16.gif",
    "immagine-buon17.gif","immagine-buon18.gif","immagine-buon19.gif",
    "immagine-buon20.gif","immagine-buon21.gif",
    "immagine-buon22.gif","immagine-buon23.gif")
    document.buon.src=nuovo[conta]
    }
    function avvia() {
    data = new Date
    ora=data.getHours()
    apri(ora)
    }
    </script>
    E l'immagine si chiama
    Codice HTML:
    <img src="immagine-buon.gif" name="buon" alt="" vspace="7">

  2. #2
    Utente Premium L'avatar di Vampiretta
    Data Registrazione
    Oct 2006
    Località
    Roma
    Messaggi
    1,623
    Ah ovviamente il body è così:

    Codice HTML:
    <body onload="avvia()">

  3. #3
    Utente Premium L'avatar di Vampiretta
    Data Registrazione
    Oct 2006
    Località
    Roma
    Messaggi
    1,623
    Ragazzi non c'è proprio soluzione a questa mia richiesta?

    Grazie ancora.

  4. #4
    Esperto L'avatar di FuSioNmAn
    Data Registrazione
    Jan 2007
    Località
    Salerno
    Messaggi
    495
    Fa così:
    Codice:
    <script type="" language="JavaScript">
    function apri() {
    
    data = new Date
    oggi=data.getDate()
    ora=data.getHours()
    
    /*Array per il giorno*/
    arr_giorno=new Array("logohome1.jpg","logohome1.jpg","logohome2.jpg","logohome3.jpg",
    "logohome4.jpg","logohome5.jpg","logohome6.jpg","logohome7.jpg",
    "logohome8.jpg","logohome9.jpg","logohome10.jpg","logohome11.jpg",
    "logohome12.jpg","logohome13.jpg","logohome14.jpg","logohome15.jpg",
    "logohome16.jpg","logohome17.jpg","logohome18.jpg","logohome19.jpg",
    "logohome20.jpg","logohome21.jpg","logohome22.jpg","logohome23.jpg",
    "logohome24.jpg","logohome25.jpg","logohome26.jpg","logohome27.jpg",
    "logohome28.jpg","logohome29.jpg","logohome30.jpg","logohome31.jpg")
    document.getElementById('water').src=arr_giorno[oggi]
    
    
    /*Array per le ore*/
    arr_ora=new Array("immagine-buon0.gif","immagine-buon1.gif",
    "immagine-buon2.gif","immagine-buon3.gif","immagine-buon4.gif",
    "immagine-buon5.gif","immagine-buon6.gif","immagine-buon7.gif",
    "immagine-buon8.gif","immagine-buon9.gif","immagine-buon10.gif",
    "immagine-buon11.gif","immagine-buon12.gif","immagine-buon13.gif",
    "immagine-buon14.gif","immagine-buon15.gif","immagine-buon16.gif",
    "immagine-buon17.gif","immagine-buon18.gif","immagine-buon19.gif",
    "immagine-buon20.gif","immagine-buon21.gif",
    "immagine-buon22.gif","immagine-buon23.gif")
    document.getElementById('buon').src=arr_ora[ora]
    
    }
    </script>
    Codice HTML:
    <body onLoad="javascript:apri()">
    Codice HTML:
    Giorno: <img src="barrettamini.gif" name="water" id="water" alt="" border="0" vspace="25">
    
    Ora: <img src="immagine-buon.gif" name="buon" id="buon" alt="" vspace="7">
    Occhio all'array. Se scritto male non funziona.

    Questa riga non va bene
    Codice:
    "immagine-buon5.gif","immagine-buon6.gif","immagine-buon7.gif","
    immagine-buon8.gif","immagine-buon9.gif","immagine-buon10.gif",
    Dopo la virgola ci sono le virgolette e poi un a capo.
    Va corretta così:
    Codice:
    "immagine-buon5.gif","immagine-buon6.gif","immagine-buon7.gif",
    "immagine-buon8.gif","immagine-buon9.gif","immagine-buon10.gif",
    Cmq queste cose dovresti farle lato server

  5. #5
    Utente Premium L'avatar di Vampiretta
    Data Registrazione
    Oct 2006
    Località
    Roma
    Messaggi
    1,623
    GRAAAZZZIIIEEEEE funziona. MITICO!!!

    Ma se ne volessi aggiungere per assurdo un altra coi gg della settimana basta che mi modifico aggiungendo e seguendo il tuo esempio giusto?

    Si l'errore l'ho fatto quando ve l'ho riscritoto qui, ho mandato a capo io!

    Lato server = php? Paola_Mi si sta dannando a spiegarmi un po' di php ma con scarsi sicultati, ovviamente per colpa mia.

  6. #6
    Esperto L'avatar di FuSioNmAn
    Data Registrazione
    Jan 2007
    Località
    Salerno
    Messaggi
    495
    Si in php o asp o asp.net o java o python o perl o etc etc...
    Così funzionerebbe anche a chi ha javascript disattivo e risparmieresti tutte quelle righe di codice.
    Infatti basterebbe fare (in asp classic)
    <img src="immagineora<%=hour(now())%>">
    <img src="immaginegiorno<%=day(now())%>">

    Per l'altra che vuoi aggiungere non ho capito il criterio. Fammi un esempio pratico.

    Aggiornamento
    Ah ho capito vuoi assegnare una immagine ad ogni giorno della settimana?
    Si può fare ma è un po più scocciante. Lato server sarebbe più semplice anche in questo caso
    Ultima modifica di FuSioNmAn; 27-04-07 alle 13:12

  7. #7
    Utente Premium L'avatar di Vampiretta
    Data Registrazione
    Oct 2006
    Località
    Roma
    Messaggi
    1,623
    Si capisco, ma lato serrver non so farlo, per ora mi accontento della tua mega soluzione!

  8. #8
    User
    Data Registrazione
    Oct 2005
    Messaggi
    71
    tra l'altro lato client se l'utente ha data sballata visualizza immagine sballata
    Sito dedicato a tutti i fans del Telefilm the oc

  9. #9
    Utente Premium L'avatar di Vampiretta
    Data Registrazione
    Oct 2006
    Località
    Roma
    Messaggi
    1,623
    Citazione Originariamente Scritto da swenziw Visualizza Messaggio
    tra l'altro lato client se l'utente ha data sballata visualizza immagine sballata
    Si lo avevo immaginato, basta cambiare l'orologio e varia tutto.

  10. #10
    Moderatore L'avatar di claudioweb
    Data Registrazione
    Jul 2005
    Località
    Salento
    Messaggi
    3,701
    Citazione Originariamente Scritto da swenziw Visualizza Messaggio
    tra l'altro lato client se l'utente ha data sballata visualizza immagine sballata
    In effetti è bene far riferimento sempre all'ora lato server..

    Spesso per semplicità, visto nella maggioranza dei casi va tutto ok, si tralascia questo dettaglio. Anche perchè la colpa è del pc dell'utente..



    Si avvicina la Festa della Mamma.

+ Rispondi alla Discussione

Tag per Questa Discussione

^ Permessi di Scrittura

  • Tu non puoi inviare nuove discussioni
  • Tu non puoi inviare risposte
  • Tu non puoi inviare allegati
  • Tu non puoi modificare i tuoi messaggi
  •  
  • Il codice BB è Attivato
  • Le faccine sono Attivato
  • Il codice [IMG] è Attivato
  • Il codice [VIDEO] è Attivato
  • Il codice HTML è Disattivato
  • Trackbacks Attivato
  • Pingback Attivato
  • Refback Attivato

SEO by vBSEO 3.6.0 PL2 ©2011, Crawlability, Inc.