Immagine che si aggiorna

**CDSDEVID** · 12-03-2009, 21:25

Salve a tutti siccome gestisco un sito di una parrocchia, e non sapendo un granchè di programmazione pero mi interessava inserire un' immagine con il santo del giorno che si aggiornava in automatico con l' immagine di questo sito http://www.chiesacattolica.it/cci_new/santo.jsp insomma che senza bisogno di caricare ogni volta io l' immagine si aggiornava prendendola dal sito che ha ogni giorno l' immagine aggiornate che è quella a destra.

Grazie a tutti quelli che si interesseranno a questo argomento.

**cavicchiandrea** · 12-03-2009, 22:06

Ciao e benvenuto, se posso darti un consiglio lascia perdere l'operazione che vuoi fare e abbastanza complessa e necessita anche di un linguaggio lato server.

**Straystudios** · 13-03-2009, 02:07

È vero, ma si può anche seguire un' altra via.
Da quella pagina puoi facilmente recuperare gli indirizzi (URL) delle varie foto per i vari giorni.

Oggi Ven 13 Mar: http://www.chiesacattolica.it/cci_ne...ti%5C44950.jpg
Domani Sab 14: http://www.chiesacattolica.it/cci_ne...nti%5C2802.jpg
Domenica 15: http://www.chiesacattolica.it/cci_ne...i/20070215.JPG
ecc.

poi con questi compileremo un Array.
Intanto, nel BODY della vostra pagina a quanto capisco, avete già il Tag IMG dove l' immagine si visualizza; occorre che questo Tag abbia un NAME o un ID per consentire a JavaScript di individuarlo, nell' esempio mi avvalgo di un NAME:

codice:

<html>
<head><title>daily picture</title>

<script type="text/javascript" language="javascript">
<!--

var saint = new Array();
 saint[11] = "";
 saint[12] = "";
 saint[13] = "http://www.chiesacattolica.it/cci_new/Images_Santi%5C44950.jpg";
 saint[14] = "http://www.chiesacattolica.it/cci_new/Images_Santi%5C2802.jpg";
 saint[15] = "http://www.chiesacattolica.it/cci_new/Images_Santi/20070215.JPG";
 saint[16] = "";
 saint[17] = "";


var x = new Date().getDate();

function turn() {
   
   document.santo.src = saint[x];
   
 }

//-->
</script>

</head>
<body bgcolor="#909090" text="#E3E3E3" onload='turn();'>

<h1></h1>
<div align="center">

   [img][/img]


   <input value="vedi variabile  x" type="button" onClick="alert(x);">
</div>


</body>
</html>

new Date() è il termine JavaScript per ricavare la data dall' orologio del Client; prova ad inserirlo nell alert() al posto della x.
new Date().getDate(); ci ritorna il giorno del mese, da 1 a 31 o quant' è.
Ora dichiarando la variabile x var x = new Date().getDate(); abbiamo un numerino x che si traduce nella stringa di esecuzione JS:

document.santo.src = saint[x];

e saint[x] si traduce a sua volta in un articolo dell' Array in base al valore di x che sarà diverso da giorno a giorno.
E con questo ti puoi preparare tutto un mese.
Ricordati di aggiungere il comando onload='turn();' nel Tag BODY per richiamare la funzione.

Discussione: Immagine che si aggiorna

Strumenti discussione

Ricerca discussione

Visualizza

Immagine che si aggiorna

Permessi di invio