CSS: immagine di background random
07/06/2013Incrociando il linguaggio php con i fogli di stile possiamo facilmente randomizzare l'immagine di background della pagina.
L'esempio che presento può essere arricchito attraverso la realizzazione di un ulteriore dinamicità che può esser determinata dal gestire le immagini da far ruotare con una tabella del DB, amministrabile dal cliente, rendendolo così in grado di aggiungere e sostituire periodicamente le immagini.
Naturalmente trattandosi di immagini di sfondo per una buona visualizzazione occorre che tali immagini siano predisposte a dimensione e qualità sufficienti.
La parte in php è la seguente:
$bg = array('img01.jpg', 'img02.jpg', 'img03.jpg', 'img04.jpg', 'img05.jpg', 'img06.jpg', 'img07.jpg' ); // array delle immagini da utilizzare alternativamente
$i = rand(0, count($bg)-1); // genera numero random sulla base della dimensione dell'array
$back_sel = "$bg[$i]"; // imposta la variabile sulla base del numero random
La parte CSS sarà di conseguenza la seguente:
body {
background: url(<?php echo $back_sel; ?>) no-repeat;
}