• Super User

    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:
    [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>[/html]
    E l'immagine si chiama [html]<img src="barrettamini.gif" name="water" alt="" border="0" vspace="25">[/html]

    Per le ore:
    [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>[/html]
    E l'immagine si chiama [html]<img src="immagine-buon.gif" name="buon" alt="" vspace="7">[/html]


  • Super User

    Ah ovviamente il body è così:

    [HTML]<body onload="avvia()">[/HTML]


  • Super User

    Ragazzi non c'è proprio soluzione a questa mia richiesta?

    Grazie ancora.


  • User Attivo

    Fa così:

    
    <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>
    
    ```[html]<body onLoad="javascript:apri()">[/html][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">[/html]Occhio all'array. Se scritto male non funziona.
    
    Questa riga non va bene
    

    "immagine-buon5.gif","immagine-buon6.gif","immagine-buon7.gif","
    immagine-buon8.gif","immagine-buon9.gif","immagine-buon10.gif",

    Va corretta così:
    

    "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

  • Super User

    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! :arrabbiato:

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


  • User Attivo

    Si in php o asp o asp.net o java o python o perl o etc etc...:D
    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


  • Super User

    Si capisco, ma lato serrver non so farlo, per ora mi accontento della tua mega soluzione! 😉 😉


  • User

    tra l'altro lato client se l'utente ha data sballata visualizza immagine sballata


  • Super User

    @swenziw said:

    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.


  • Super User

    @swenziw said:

    tra l'altro lato client se l'utente ha data sballata visualizza immagine sballataIn 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.. 😛

    :ciauz: