- Home
- Categorie
- Coding e Sistemistica
- Javascript & Framework
- javascript per cambio immagine ogni giorno e ora
-
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]
-
Ah ovviamente il body è così:
[HTML]<body onload="avvia()">[/HTML]
-
Ragazzi non c'è proprio soluzione a questa mia richiesta?
Grazie ancora.
-
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
-
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.
-
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
-
Si capisco, ma lato serrver non so farlo, per ora mi accontento della tua mega soluzione!
-
tra l'altro lato client se l'utente ha data sballata visualizza immagine sballata
-
@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.
-
@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..
