Immagini random con css (e php)

Ogni tanto mi vengono degli strippi, l’ultimo in ordine di tempo è stato quello di randomizzare l’immagine che vedete in alto e fa da sfondo ai menù di navigazione.

Per farlo ho voluto affidarmi solo ad i css; questo non è stato possibile, almeno nel poco tempo che ho dedicato all’operazione non ho trovato il modo di farlo solo ed esclusivamente con i fogli di stile, quindi ho dovuto chiedere aiuto al php.

L’immagine che vedete cambiare in alto è un’immagine di sfondo di un div il cui nome identificativo è logo

Fase 1
Tramite un opportuno include o scrivendolo a manina fate in modo che in ciascuna pagina compaia questo semplice comando in codice php, che serve per creare un numero random.

$random = rand (minimo,massimo);

e che il codice per richiamare il div (stacco le parentesi puntate perchè se no il comando viene interpretato) sia:

< div id="logo< ? echo $random ? >" >< / div >

dove minimo e massimo stanno ad indicare ovviamente il valore minimo e massimo che volete ottenere.

Fase 2
nel mio caso il div nel css ha queste caratteristiche:

#logo1 {
height: 160px;
background: #000000 url(/img/head/immagine.jpg) no-repeat top center;
}

#logo2 {
height: 160px;
background: #000000 url(/img/head/altraimmagine.jpg) no-repeat top center;
}

...

Nel foglio di stile basta creare tante istanze di logo quante immagini di sfondo volete, ed ovviamente impostare il numero massimo casuale che può venire generato.

E’ una cazzata, ma metti caso che a qualcuno sia utile..

[tags]php, css, immagini, random[/tags]

mar 16, 2007Utility, Web e Informatica