In questo articolo mostremo come combianre PHP e CSS per ottenere uno sfondo casuale al caricamento dello pagina.
Per sfondo casuale intendiamo uno sfondo preso a caso da una catella.
Per prima cosa definiamo una funzione rndImg() che si occuperà di selezionare un file a caso tra quelli contenuti in una cartella da noi definita:
function rndImg(){
$dir = 'cartella con sfondi';
$ext = 'estensione sfondi (.jpg, .gif,..)'; //mettere il punto prima dell'estensione
$arrFile = glob($dir."*".$ext);
$rndId=rand(0,count($arrFile)-1);
return $arrFile[$rndId];
}
In realtà questa funzione può essere utilizzata per selezionare qualisiasi tipo di file di data estensione, oppure tutti i file scrivendo $ext = ‘.*’, tale soluzione potrebbe essere comoda se vogliamo mettere immagini di tipo diverso nella stessa cartella ed usarle come sfondo.
Per fare in modo che il file casuale selezionato dalla funzione php venga utilizzato come sfondo dobbiamo utilizzare i fogli di stile, ad esempio per utilizzare l’immagine come sfondo della pagina ci basterà scrivere:
body{background-image:url()}
Ovviamente possiamo caricare uno sfondo casuale anche per altri elementi:
#myId{background-image:url()}
Per vedere una demo:http://demo.studio-88.it/phpRndBg