cambiare immagine in base all'orario

**Phobia82** · 08-02-2008, 13:12

salve a tutti,
premetto che di programmazione php non so praticamente nulla..

praticamente vorrei fare una cosa. avete presente igoogle? che l'header cambia in base all'ora?
ecco vorrei fare una cosa così nel mio sito, quindi in base a che ora è, cambiare l'immagine dell'header.

un mio amico mi ha consigliato di farlo in php, ma non so nulla a riguardo..leggendo un pò, forse si può fare con lo switch e la funzione date().

il problema è che non so come scriverlo..ma soprattutto come si fa a mischiare php con html, cioè quando fai il sito l'immagine dell'header la carichi tramite html..per cui poi come fai a cambiarla in base all'ora tramite php?

vi sarei grato se mi aiutaste..

**PiccoloPalazzi** · 08-02-2008, 14:08

Ciao, se desideri usare il PHP, anzitutto la tua pagina dovrebbe avere un'estensione .PHP e non più .HTML o .HTM. E poi il tuo server dovrebbe supportarle.

Comunque, lasciando l'html invariato, dovresti inserire nel punto in cui desideri l'immagine, queste righe:

codice:

<?

if(date("G")>=16){
$img = "dopo_le_16.gif";
}else{
$img = "prima_dalle_16.gif";
}

echo "<img src=\"$img\">";

?>

In alternativa, puoi utilizzare JAVASCRIPT. Così i problemi in alto non li riscontrerai. Soltanto che questo preleva l'orario dal PC di Windows. E quindi se l'orologio del PC di chi visita il sito ha un orario sbagliato, lo script si baserà su quello. Il codice è il sottostante:

codice:

<script>
adesso = new Date()

if(adesso.getHours()>=16){
immagine = "dopo_le_16.gif"
}else{
immagine = "prima_delle_16.gif"
}

document.write("[img]"+immagine+"[/img]");

</script>

Ciao, Stefano.

**PiccoloPalazzi** · 08-02-2008, 14:13

PS: ho dato scontato che tu abbia bisogno di 2 immagini, una PRIMA DELLE X, l'altra DOPO LE X (nel codice che ho scritto, ho scritto le 16, come orario). Se invece hai bisogno di più immagini, ti conviene lo SWITCH, come ti ha suggerito il tuo amico.

Stè.

**Phobia82** · 08-02-2008, 14:42

waw..ti ringrazio davvero!!

metterò subito in pratica...

solo una cosa ancora che mi sono dimenticato di dire...

la mia pagina è gia .php quindi ok..però per inserire l'iimagine carico un file .css, dove ho quindi tutti i parametri del css..tra cui l'header:

#header {
background : url(../images/city.jpg) no-repeat top left;
height : 223px;
padding:0;
}

io devo mettere mettiamo 6 immagini al posto di city.jpg...per cui lo script php dove lo metto esattamente? dentro url?

**alcio74** · 08-02-2008, 15:26

Ti conviene sfruttare la lettera C dell'acronimo CSS.
Nel tuo file .css metti tutte le informazioni esclusa la url dove andare a reperire l'immagine.

codice:

/* codice di stile.css */
#header {
	background-color: transparent;
	background-position: top left;
	background-repeat: repeat;
	height: 223px;
           padding:0;
}

Dopodiche nel file PHP metti il seguente codice:

Codice PHP:


<?php

// esegui la funzione che ti è stata scritta nel precedente

// post, così ti ricavi il nome dell'immagine

// ottieni quindi una variabile $nome_immagine

?>



<html>

<head>

<style type="text/css" media="screen">

/* <![CDATA[*/

-->

    @import "stile.css";

-->

/*]]> */

</style>



<style type="text/css" media="screen">

/* <![CDATA[*/

-->

#header {

    background-image: url("../images/<?php echo $nome_immagine; ?> ");



}

-->

/*]]> */

</style>



</head>

<?

/*

qui metti il resto del codice

*/

?>

Discussione: cambiare immagine in base all'orario

Strumenti discussione

Ricerca discussione

Visualizza

cambiare immagine in base all'orario

Permessi di invio