» javascript per cambio immagine ogni giorno e ora

Vampiretta · 22-04-07, 06:27

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">

Vampiretta · 22-04-07, 10:29

Ah ovviamente il body è così:

Codice HTML:

<body onload="avvia()">

Vampiretta · 26-04-07, 02:35

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

Grazie ancora.

FuSioNmAn · 26-04-07, 15:23

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

Vampiretta · 27-04-07, 07:12

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.

FuSioNmAn · 27-04-07, 13:06

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

Vampiretta · 28-04-07, 05:22

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

swenziw · 14-05-07, 02:58

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

Vampiretta · 14-05-07, 03:01

Quote:

swenziw

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.

claudioweb · 15-05-07, 04:42

Quote:

swenziw

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..

22-04-07, 06:27	#1 (permalink)
Vampiretta Utente Premium Data di registrazione: Oct 2006 Ubicazione: 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">
	__________________

22-04-07, 10:29	#2 (permalink)
Vampiretta Utente Premium Data di registrazione: Oct 2006 Ubicazione: Roma Messaggi: 1,623	Ah ovviamente il body è così: Codice HTML: <body onload="avvia()">
	__________________

26-04-07, 02:35	#3 (permalink)
Vampiretta Utente Premium Data di registrazione: Oct 2006 Ubicazione: Roma Messaggi: 1,623	Ragazzi non c'è proprio soluzione a questa mia richiesta? Grazie ancora.
	__________________

26-04-07, 15:23	#4 (permalink)
FuSioNmAn Esperto Data di registrazione: Jan 2007 Ubicazione: Salerno Messaggi: 491	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

27-04-07, 07:12	#5 (permalink)
Vampiretta Utente Premium Data di registrazione: Oct 2006 Ubicazione: 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.
	__________________

Condividi questo contenuto nei Social Network:		Tweet
Ti stiamo aspettando: Registrati subito e gratis. Entra a far parte di una delle comunità più attive in Italia. Se hai dimenticato i tuoi dati li puoi recuperare subito.

27-04-07, 13:06	#6 (permalink)
FuSioNmAn Esperto Data di registrazione: Jan 2007 Ubicazione: Salerno Messaggi: 491	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 13:12.

28-04-07, 05:22	#7 (permalink)
Vampiretta Utente Premium Data di registrazione: Oct 2006 Ubicazione: Roma Messaggi: 1,623	Si capisco, ma lato serrver non so farlo, per ora mi accontento della tua mega soluzione!
	__________________

14-05-07, 02:58	#8 (permalink)
swenziw User Data di 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

Strumenti di discussione
Visualizza la versione stampabile Invia la pagina tramite email